SlideShare ist ein Scribd-Unternehmen logo
1 von 14
JAIPUR ENGINEERING COLLEGE AND
RESEARCH CENTER, JAIPUR
PRESENTATION ON TRAINING
taken at
Udacity Inc.
SUBMITTED TO: SUBMITTED BY:
Mr. Rajesh Bhatija Yash Kumar Sati
15EJCEC841
INTRODUCTION
ABOUT UDACITY:
 Founded by Sebastian Thrun, David Stavens, and Mike
Sokolsky offering Massive Open Online Courses (i.e.
MOOCs).
 Its mission is to democratize education through the
offering of world-class higher education opportunities that
are accessible, flexible, and economical.
 It is one of the largest E-learning site which has tie ups
with international organizations such as Google, AT&T
etc. for providing various vocational courses to students.
 Awarded with the Europe’s 2017 Digital Skills Award in
the “Digital Skills for ICT Professionals” category.
 Listed in top 50 smartest companies in MIT Technology
Review's 2017 List.
COURSES OFFERED
There are various courses offered by the company with perks such
as, courses are co-created with well-known industrial leaders such
as Google, AT&T, Amazon, Facebook etc. & almost 80% of the
courses are job-ready along with the career preparation for
industrial level like:
 Cybersecurity
 Google Analytics
 Machine Learning Engineer
 iOS Developer
 Business Analyst
 Data Analyst
 Full Stack Web Developer
…and many more
SKILLS WHICH I’VE LEARNT
Front-End Web Development, Shell Programming & Version Control System (VCS)
WEB DEVELOPMENT
 Web development is the work involved in developing a website for the Internet (World
Wide Web) or an intranet (a private network).
 Web development can range from developing a simple single static page of plain text to
complex web-based internet applications (web apps) electronic businesses, and social
network services.
 The different areas of web development include graphic design; interface design;
authoring, including standardized code and proprietary software; user experience
design (i.e. responsiveness & accessibility); search engine optimization; back-end
functionality; testing etc.
 Role of the web developer can be categorized into three main sections:
• Front-End Web Developer (deals with the layout and visuals of a website).
• Back-End Web Developer (deals with the functionality of the website).
• Full Stack Web Developer (deals with both visuals and functionality of the website).
FRONT-END WEB DEVELOPMENT
 Front-end web development is the practice of converting data to graphical interface for
user to view and interact with data through digital interaction using HTML, CSS and
JavaScript.
 There are several tools and platform which can be used to develop the front end of a
website but it is up to the developer which tools he/she wants to use which best fits for
his/her specific task in development.
 Developer at least should have knowledge about the following languages in order to start
developing websites: Hyper Text Markup Language (HTML), Cascading Style Sheets
(CSS), JavaScript (JS).
 A front-end web developer must keep these points in mind while utilizing available tools
and techniques in order to develop a better website for wide user range:
• Accessibility (i.e. easier navigation for disabled persons).
• Performance optimization (i.e. less load time when opening your website).
• Responsive (i.e. your website should be able to render correctly on all of the devices)
STATIC VS DYNAMIC WEBSITE
STATIC WEBSITE DYNAMIC WEBSITE
Content is fixed and each page is coded in
plain HTML & CSS.
Content is dynamic which changes
according to user’s preferences.
Displays the same design and content to
every user who visits the website.
Offers a unique mix of dynamic content,
multimedia elements & interactive
features.
Updates can be tedious and prone to errors. Design updates can be much simpler.
More control and flexibility as each page
design is unique.
User has complete control over updating
the design and changing the content.
Plain HTML is required to create static
pages.
PHP, JavaScript, ASP and JSP can be used
to create dyamic pages.
SHELL PROGRAMMING
 A shell program (sometimes called a shell script) is a text file that contains standard
UNIX and shell commands.
 The shell is a command-line interface for running programs on your computer.
 The shell shows output of the program which user had entered.
 Majority of web servers run on Linux and the shell is the vital tool for deployment and
remote administration on Linux servers.
 The program which we use to interact with the shell is called a Terminal program.
 For web-developers a UNIX-style shell is a professional standard as most of the web runs
on Linux servers.
 The most popular type of UNIX-style shell is the Bash shell.
Fig. Shell Terminal on Windows Fig. Shell Terminal on MacOS
SHELL TERMINALS
Fig. Shell Terminal on Ubuntu/Linux
VERSION CONTROL SYSTEM (VCS)
 Also known as Source Code Manager (SCM).
 A Version Control System (VCS) is a tool that manages different versions of source code.
 There are two main types of version control system models:
• The Centralized Model (all users connect to a central, master repository)
• The Distributed Model (each user has the entire repository on their computer)
 VCS is used to maintain detailed history of the project as well as provides the ability to
work on different versions of it also enables working on different branch of the project
simultaneously.
 Three of the most popular version control systems are:
• Git (Most widely used VCS)
• Subversion
• Mercurial
WHAT I’VE LEARNT FROM THIS TRAINING
 Learned about new ideas, techniques and methods to implement most advance tools in my
website i.e. Firebug, BrowserShots, LibraryImport, etc.
 Learned how to worked with most advance UNIX-style shell (Bash) which is a vital tool for
deployment & remote administration of the Linux servers.
 Learned better organizational ways to improve project readability & efficiency like:
• Using gulp (a JavaScript toolkit) for automation of time consuming & repetitive tasks
involved in web development like minification, concatenation, cache busting, unit
testing, linting, optimization, etc.
• Using SASS for better CSS indentation.
 Learned how to use Front End frameworks, integrating APIs (Application Programming
Interface), managing & working on repositories, using VCS and build offline capable websites.
 Learned about various optimization techniques like responsiveness, accessibility, Image
optimization, file compression, HTTP request reduction, etc.
 Learned code debugging & testing with Jasmine JavaScript Frameworks.
SO WHAT’s NEW?
 Elm is becoming popular within the JavaScript community, primarily among those who
prefer functional programming, which is on the rise. Like Babel, TypeScript, and Dart,
Elm transpiles to JavaScript.
 The Reason is a functional and static type programming language that can drive web
applications on a single page. It allows you to write security code of type that plays well
with JavaScript and OCaml. It also includes a Reason React wrapper that allows you to
write the Reason code that is compiled into React JS. Facebook is using Reason in
production to drive the Messenger web application.
 Vue.js is the most popular JavaScript frameworks nowadays. It is a JavaScript library for
building web interfaces. Vue is lightweight & easy to learn.
 Next.js is a minimalist framework for JavaScript applications. Helps simplify the
implementation experience of an application. When combined with React, you can get all
the powerful React functionality at the same time you get a simple experience similar to
Vue in terms of tools, code division, routing, etc.
THANK YOU
REFERENCES
 www.google.com (Google)
 www.images.google.com (Google Images)
 www.differencebetween.net (DifferenceBetween)
 www.udacity.com (Udacity)
 www.wikipedia.com (Wikipedia)
 www.hackernoon.com (Hackernoon)

Weitere ähnliche Inhalte

Was ist angesagt?

Web Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptEdureka!
 
web development.pptx
web development.pptxweb development.pptx
web development.pptxMohdArbazraza
 
Internship Presentation 2 Web Developer
Internship Presentation 2 Web DeveloperInternship Presentation 2 Web Developer
Internship Presentation 2 Web DeveloperHemant Sarthak
 
Web Development In 2018
Web Development In 2018Web Development In 2018
Web Development In 2018Traversy Media
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web developmentMohammed Safwat
 
Web development presentation
Web development presentationWeb development presentation
Web development presentationVaishnavi8950
 
Top frontend web development tools
Top frontend web development toolsTop frontend web development tools
Top frontend web development toolsBenji Harrison
 
Report file on Web technology(html5 and css3)
Report file on Web technology(html5 and css3)Report file on Web technology(html5 and css3)
Report file on Web technology(html5 and css3)PCG Solution
 
Difference between-web-designing-and-web-development
Difference between-web-designing-and-web-developmentDifference between-web-designing-and-web-development
Difference between-web-designing-and-web-developmentGlobal Media Insight
 
Internship presentation
Internship presentationInternship presentation
Internship presentationWasim Shemna
 
Intro to Front-End Web Devlopment
Intro to Front-End Web DevlopmentIntro to Front-End Web Devlopment
Intro to Front-End Web Devlopmentdamonras
 
Web development presentation.pptx
Web development presentation.pptxWeb development presentation.pptx
Web development presentation.pptxManjeetAgarwal
 
WEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web DevelopmentWEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web DevelopmentRandy Connolly
 
Modern Web Development
Modern Web DevelopmentModern Web Development
Modern Web DevelopmentRobert Nyman
 
Full stack web development
Full stack web developmentFull stack web development
Full stack web developmentCrampete
 

Was ist angesagt? (20)

Web Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScript
 
web development.pptx
web development.pptxweb development.pptx
web development.pptx
 
Internship Presentation 2 Web Developer
Internship Presentation 2 Web DeveloperInternship Presentation 2 Web Developer
Internship Presentation 2 Web Developer
 
Web Development In 2018
Web Development In 2018Web Development In 2018
Web Development In 2018
 
Introduction to web development
Introduction to web developmentIntroduction to web development
Introduction to web development
 
Web development presentation
Web development presentationWeb development presentation
Web development presentation
 
Top frontend web development tools
Top frontend web development toolsTop frontend web development tools
Top frontend web development tools
 
Report file on Web technology(html5 and css3)
Report file on Web technology(html5 and css3)Report file on Web technology(html5 and css3)
Report file on Web technology(html5 and css3)
 
Difference between-web-designing-and-web-development
Difference between-web-designing-and-web-developmentDifference between-web-designing-and-web-development
Difference between-web-designing-and-web-development
 
Internship presentation
Internship presentationInternship presentation
Internship presentation
 
Intro to Front-End Web Devlopment
Intro to Front-End Web DevlopmentIntro to Front-End Web Devlopment
Intro to Front-End Web Devlopment
 
Backend Programming
Backend ProgrammingBackend Programming
Backend Programming
 
Web development presentation.pptx
Web development presentation.pptxWeb development presentation.pptx
Web development presentation.pptx
 
Web Development
Web DevelopmentWeb Development
Web Development
 
Web development
Web developmentWeb development
Web development
 
WEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web DevelopmentWEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web Development
 
Modern Web Development
Modern Web DevelopmentModern Web Development
Modern Web Development
 
Full stack web development
Full stack web developmentFull stack web development
Full stack web development
 
Nodejs presentation
Nodejs presentationNodejs presentation
Nodejs presentation
 
ashish ppt webd.pptx
ashish ppt webd.pptxashish ppt webd.pptx
ashish ppt webd.pptx
 

Ähnlich wie Udacity Training Provides Skills in Web Dev, Shell Programming & VCS

Top 12 Front End Technologies to Use In 2024.pdf
Top 12 Front End Technologies to Use In 2024.pdfTop 12 Front End Technologies to Use In 2024.pdf
Top 12 Front End Technologies to Use In 2024.pdfLaura Miller
 
Build Innovative Web Applications with Full Stack Development Know -123.pdf
Build Innovative Web Applications with Full Stack Development Know -123.pdfBuild Innovative Web Applications with Full Stack Development Know -123.pdf
Build Innovative Web Applications with Full Stack Development Know -123.pdfUncodemy
 
Building a Strong Online Presence: The Essentials of Full Web Development
Building a Strong Online Presence: The Essentials of Full Web DevelopmentBuilding a Strong Online Presence: The Essentials of Full Web Development
Building a Strong Online Presence: The Essentials of Full Web DevelopmentThe Fabcode IT Solutions LLP
 
ppt of web designing and development
ppt of web designing and developmentppt of web designing and development
ppt of web designing and development47ishu
 
ppt-190816105541 (2).pdf
ppt-190816105541 (2).pdfppt-190816105541 (2).pdf
ppt-190816105541 (2).pdfRamCharan481900
 
Top 12 Front End Technologies to Use In 2023.pdf
Top 12 Front End Technologies to Use In 2023.pdfTop 12 Front End Technologies to Use In 2023.pdf
Top 12 Front End Technologies to Use In 2023.pdfLaura Miller
 
web intership ritesh.pptx
web intership ritesh.pptxweb intership ritesh.pptx
web intership ritesh.pptxJenaj2
 
7 useful websites for front end developers.pdf
7 useful websites for front end developers.pdf7 useful websites for front end developers.pdf
7 useful websites for front end developers.pdfpreeti katiyar
 
Best software development tools in 2021
Best software development tools in 2021Best software development tools in 2021
Best software development tools in 2021Samaritan InfoTech
 
Mastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdf
Mastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdfMastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdf
Mastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdfgetrichoffice
 
5 Front End Frameworks to Master in Web Development.pdf
5 Front End Frameworks to Master in Web Development.pdf5 Front End Frameworks to Master in Web Development.pdf
5 Front End Frameworks to Master in Web Development.pdfMverve1
 
Full Stack Web Development: Vision, Challenges and Future Scope
Full Stack Web Development: Vision, Challenges and Future ScopeFull Stack Web Development: Vision, Challenges and Future Scope
Full Stack Web Development: Vision, Challenges and Future ScopeIRJET Journal
 
Leading frameworks to power your front end development
Leading frameworks to power your front end developmentLeading frameworks to power your front end development
Leading frameworks to power your front end developmentBenish Balakrishnan
 
TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING
TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING
TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING PamRobert
 
Navigating the Hype and Realities of Web Development Frameworks
Navigating the Hype and Realities of Web Development FrameworksNavigating the Hype and Realities of Web Development Frameworks
Navigating the Hype and Realities of Web Development FrameworksSeasiaInfotech2
 
webdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxwebdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxlearnEnglish51
 

Ähnlich wie Udacity Training Provides Skills in Web Dev, Shell Programming & VCS (20)

Bridging Front.pdf
Bridging Front.pdfBridging Front.pdf
Bridging Front.pdf
 
Top 12 Front End Technologies to Use In 2024.pdf
Top 12 Front End Technologies to Use In 2024.pdfTop 12 Front End Technologies to Use In 2024.pdf
Top 12 Front End Technologies to Use In 2024.pdf
 
Build Innovative Web Applications with Full Stack Development Know -123.pdf
Build Innovative Web Applications with Full Stack Development Know -123.pdfBuild Innovative Web Applications with Full Stack Development Know -123.pdf
Build Innovative Web Applications with Full Stack Development Know -123.pdf
 
Full Stack Development
Full Stack DevelopmentFull Stack Development
Full Stack Development
 
Building a Strong Online Presence: The Essentials of Full Web Development
Building a Strong Online Presence: The Essentials of Full Web DevelopmentBuilding a Strong Online Presence: The Essentials of Full Web Development
Building a Strong Online Presence: The Essentials of Full Web Development
 
ppt of web designing and development
ppt of web designing and developmentppt of web designing and development
ppt of web designing and development
 
ppt-190816105541 (2).pdf
ppt-190816105541 (2).pdfppt-190816105541 (2).pdf
ppt-190816105541 (2).pdf
 
Top 12 Front End Technologies to Use In 2023.pdf
Top 12 Front End Technologies to Use In 2023.pdfTop 12 Front End Technologies to Use In 2023.pdf
Top 12 Front End Technologies to Use In 2023.pdf
 
web intership ritesh.pptx
web intership ritesh.pptxweb intership ritesh.pptx
web intership ritesh.pptx
 
7 useful websites for front end developers.pdf
7 useful websites for front end developers.pdf7 useful websites for front end developers.pdf
7 useful websites for front end developers.pdf
 
Wecreate
WecreateWecreate
Wecreate
 
varun ppt.ppt
varun ppt.pptvarun ppt.ppt
varun ppt.ppt
 
Best software development tools in 2021
Best software development tools in 2021Best software development tools in 2021
Best software development tools in 2021
 
Mastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdf
Mastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdfMastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdf
Mastering Full-Stack Web Development in 7 Days Your Ultimate Guide.pdf
 
5 Front End Frameworks to Master in Web Development.pdf
5 Front End Frameworks to Master in Web Development.pdf5 Front End Frameworks to Master in Web Development.pdf
5 Front End Frameworks to Master in Web Development.pdf
 
Full Stack Web Development: Vision, Challenges and Future Scope
Full Stack Web Development: Vision, Challenges and Future ScopeFull Stack Web Development: Vision, Challenges and Future Scope
Full Stack Web Development: Vision, Challenges and Future Scope
 
Leading frameworks to power your front end development
Leading frameworks to power your front end developmentLeading frameworks to power your front end development
Leading frameworks to power your front end development
 
TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING
TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING
TECHNOLOGY FOR BACK-END WEB DEVELOPMENT: SERVER-SIDE SCRIPTING
 
Navigating the Hype and Realities of Web Development Frameworks
Navigating the Hype and Realities of Web Development FrameworksNavigating the Hype and Realities of Web Development Frameworks
Navigating the Hype and Realities of Web Development Frameworks
 
webdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxwebdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptx
 

Kürzlich hochgeladen

Presentation Activity 2. Unit 3 transv.pptx
Presentation Activity 2. Unit 3 transv.pptxPresentation Activity 2. Unit 3 transv.pptx
Presentation Activity 2. Unit 3 transv.pptxRosabel UA
 
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...JojoEDelaCruz
 
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONTHEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONHumphrey A Beña
 
Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4JOYLYNSAMANIEGO
 
Transaction Management in Database Management System
Transaction Management in Database Management SystemTransaction Management in Database Management System
Transaction Management in Database Management SystemChristalin Nelson
 
How to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPHow to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPCeline George
 
Measures of Position DECILES for ungrouped data
Measures of Position DECILES for ungrouped dataMeasures of Position DECILES for ungrouped data
Measures of Position DECILES for ungrouped dataBabyAnnMotar
 
Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...Seán Kennedy
 
Keynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designKeynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designMIPLM
 
Textual Evidence in Reading and Writing of SHS
Textual Evidence in Reading and Writing of SHSTextual Evidence in Reading and Writing of SHS
Textual Evidence in Reading and Writing of SHSMae Pangan
 
Dust Of Snow By Robert Frost Class-X English CBSE
Dust Of Snow By Robert Frost Class-X English CBSEDust Of Snow By Robert Frost Class-X English CBSE
Dust Of Snow By Robert Frost Class-X English CBSEaurabinda banchhor
 
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...Nguyen Thanh Tu Collection
 
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptxAUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptxiammrhaywood
 
Integumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.pptIntegumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.pptshraddhaparab530
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Mark Reed
 
Expanded definition: technical and operational
Expanded definition: technical and operationalExpanded definition: technical and operational
Expanded definition: technical and operationalssuser3e220a
 
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxMULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxAnupkumar Sharma
 
Concurrency Control in Database Management system
Concurrency Control in Database Management systemConcurrency Control in Database Management system
Concurrency Control in Database Management systemChristalin Nelson
 

Kürzlich hochgeladen (20)

Presentation Activity 2. Unit 3 transv.pptx
Presentation Activity 2. Unit 3 transv.pptxPresentation Activity 2. Unit 3 transv.pptx
Presentation Activity 2. Unit 3 transv.pptx
 
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
ENG 5 Q4 WEEk 1 DAY 1 Restate sentences heard in one’s own words. Use appropr...
 
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptxYOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
 
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONTHEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
 
Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4Daily Lesson Plan in Mathematics Quarter 4
Daily Lesson Plan in Mathematics Quarter 4
 
Transaction Management in Database Management System
Transaction Management in Database Management SystemTransaction Management in Database Management System
Transaction Management in Database Management System
 
How to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPHow to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERP
 
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptxYOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
YOUVE_GOT_EMAIL_PRELIMS_EL_DORADO_2024.pptx
 
Measures of Position DECILES for ungrouped data
Measures of Position DECILES for ungrouped dataMeasures of Position DECILES for ungrouped data
Measures of Position DECILES for ungrouped data
 
Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...Student Profile Sample - We help schools to connect the data they have, with ...
Student Profile Sample - We help schools to connect the data they have, with ...
 
Keynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designKeynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-design
 
Textual Evidence in Reading and Writing of SHS
Textual Evidence in Reading and Writing of SHSTextual Evidence in Reading and Writing of SHS
Textual Evidence in Reading and Writing of SHS
 
Dust Of Snow By Robert Frost Class-X English CBSE
Dust Of Snow By Robert Frost Class-X English CBSEDust Of Snow By Robert Frost Class-X English CBSE
Dust Of Snow By Robert Frost Class-X English CBSE
 
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
 
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptxAUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
 
Integumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.pptIntegumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.ppt
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)
 
Expanded definition: technical and operational
Expanded definition: technical and operationalExpanded definition: technical and operational
Expanded definition: technical and operational
 
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptxMULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
MULTIDISCIPLINRY NATURE OF THE ENVIRONMENTAL STUDIES.pptx
 
Concurrency Control in Database Management system
Concurrency Control in Database Management systemConcurrency Control in Database Management system
Concurrency Control in Database Management system
 

Udacity Training Provides Skills in Web Dev, Shell Programming & VCS

  • 1. JAIPUR ENGINEERING COLLEGE AND RESEARCH CENTER, JAIPUR PRESENTATION ON TRAINING taken at Udacity Inc. SUBMITTED TO: SUBMITTED BY: Mr. Rajesh Bhatija Yash Kumar Sati 15EJCEC841
  • 2. INTRODUCTION ABOUT UDACITY:  Founded by Sebastian Thrun, David Stavens, and Mike Sokolsky offering Massive Open Online Courses (i.e. MOOCs).  Its mission is to democratize education through the offering of world-class higher education opportunities that are accessible, flexible, and economical.  It is one of the largest E-learning site which has tie ups with international organizations such as Google, AT&T etc. for providing various vocational courses to students.  Awarded with the Europe’s 2017 Digital Skills Award in the “Digital Skills for ICT Professionals” category.  Listed in top 50 smartest companies in MIT Technology Review's 2017 List.
  • 3. COURSES OFFERED There are various courses offered by the company with perks such as, courses are co-created with well-known industrial leaders such as Google, AT&T, Amazon, Facebook etc. & almost 80% of the courses are job-ready along with the career preparation for industrial level like:  Cybersecurity  Google Analytics  Machine Learning Engineer  iOS Developer  Business Analyst  Data Analyst  Full Stack Web Developer …and many more
  • 4. SKILLS WHICH I’VE LEARNT Front-End Web Development, Shell Programming & Version Control System (VCS)
  • 5. WEB DEVELOPMENT  Web development is the work involved in developing a website for the Internet (World Wide Web) or an intranet (a private network).  Web development can range from developing a simple single static page of plain text to complex web-based internet applications (web apps) electronic businesses, and social network services.  The different areas of web development include graphic design; interface design; authoring, including standardized code and proprietary software; user experience design (i.e. responsiveness & accessibility); search engine optimization; back-end functionality; testing etc.  Role of the web developer can be categorized into three main sections: • Front-End Web Developer (deals with the layout and visuals of a website). • Back-End Web Developer (deals with the functionality of the website). • Full Stack Web Developer (deals with both visuals and functionality of the website).
  • 6. FRONT-END WEB DEVELOPMENT  Front-end web development is the practice of converting data to graphical interface for user to view and interact with data through digital interaction using HTML, CSS and JavaScript.  There are several tools and platform which can be used to develop the front end of a website but it is up to the developer which tools he/she wants to use which best fits for his/her specific task in development.  Developer at least should have knowledge about the following languages in order to start developing websites: Hyper Text Markup Language (HTML), Cascading Style Sheets (CSS), JavaScript (JS).  A front-end web developer must keep these points in mind while utilizing available tools and techniques in order to develop a better website for wide user range: • Accessibility (i.e. easier navigation for disabled persons). • Performance optimization (i.e. less load time when opening your website). • Responsive (i.e. your website should be able to render correctly on all of the devices)
  • 7. STATIC VS DYNAMIC WEBSITE STATIC WEBSITE DYNAMIC WEBSITE Content is fixed and each page is coded in plain HTML & CSS. Content is dynamic which changes according to user’s preferences. Displays the same design and content to every user who visits the website. Offers a unique mix of dynamic content, multimedia elements & interactive features. Updates can be tedious and prone to errors. Design updates can be much simpler. More control and flexibility as each page design is unique. User has complete control over updating the design and changing the content. Plain HTML is required to create static pages. PHP, JavaScript, ASP and JSP can be used to create dyamic pages.
  • 8. SHELL PROGRAMMING  A shell program (sometimes called a shell script) is a text file that contains standard UNIX and shell commands.  The shell is a command-line interface for running programs on your computer.  The shell shows output of the program which user had entered.  Majority of web servers run on Linux and the shell is the vital tool for deployment and remote administration on Linux servers.  The program which we use to interact with the shell is called a Terminal program.  For web-developers a UNIX-style shell is a professional standard as most of the web runs on Linux servers.  The most popular type of UNIX-style shell is the Bash shell.
  • 9. Fig. Shell Terminal on Windows Fig. Shell Terminal on MacOS SHELL TERMINALS Fig. Shell Terminal on Ubuntu/Linux
  • 10. VERSION CONTROL SYSTEM (VCS)  Also known as Source Code Manager (SCM).  A Version Control System (VCS) is a tool that manages different versions of source code.  There are two main types of version control system models: • The Centralized Model (all users connect to a central, master repository) • The Distributed Model (each user has the entire repository on their computer)  VCS is used to maintain detailed history of the project as well as provides the ability to work on different versions of it also enables working on different branch of the project simultaneously.  Three of the most popular version control systems are: • Git (Most widely used VCS) • Subversion • Mercurial
  • 11. WHAT I’VE LEARNT FROM THIS TRAINING  Learned about new ideas, techniques and methods to implement most advance tools in my website i.e. Firebug, BrowserShots, LibraryImport, etc.  Learned how to worked with most advance UNIX-style shell (Bash) which is a vital tool for deployment & remote administration of the Linux servers.  Learned better organizational ways to improve project readability & efficiency like: • Using gulp (a JavaScript toolkit) for automation of time consuming & repetitive tasks involved in web development like minification, concatenation, cache busting, unit testing, linting, optimization, etc. • Using SASS for better CSS indentation.  Learned how to use Front End frameworks, integrating APIs (Application Programming Interface), managing & working on repositories, using VCS and build offline capable websites.  Learned about various optimization techniques like responsiveness, accessibility, Image optimization, file compression, HTTP request reduction, etc.  Learned code debugging & testing with Jasmine JavaScript Frameworks.
  • 12. SO WHAT’s NEW?  Elm is becoming popular within the JavaScript community, primarily among those who prefer functional programming, which is on the rise. Like Babel, TypeScript, and Dart, Elm transpiles to JavaScript.  The Reason is a functional and static type programming language that can drive web applications on a single page. It allows you to write security code of type that plays well with JavaScript and OCaml. It also includes a Reason React wrapper that allows you to write the Reason code that is compiled into React JS. Facebook is using Reason in production to drive the Messenger web application.  Vue.js is the most popular JavaScript frameworks nowadays. It is a JavaScript library for building web interfaces. Vue is lightweight & easy to learn.  Next.js is a minimalist framework for JavaScript applications. Helps simplify the implementation experience of an application. When combined with React, you can get all the powerful React functionality at the same time you get a simple experience similar to Vue in terms of tools, code division, routing, etc.
  • 14. REFERENCES  www.google.com (Google)  www.images.google.com (Google Images)  www.differencebetween.net (DifferenceBetween)  www.udacity.com (Udacity)  www.wikipedia.com (Wikipedia)  www.hackernoon.com (Hackernoon)