JavaScript - Web Development Fundaments Part 2 - DeepDive Learning Academy

1. FUNDAMENTALS OF WEB
DEVELOPMENT PART 2 -
JAVASCRIPT BASICS -- Parag, Nainil & Sihao

2. AGENDA
▸6:00pm to 6:20pm - Meet & Greet, Agenda, Slack & repl.it setup
▸6-20pm to 6-45pm - Course Objectives & JavaScript Introduction
▸6-45pm to 7-15pm - Learn JavaScript by Examples
▸7-15pm to 7-30pm - BREAK
▸7-30pm to 8-20pm - Workshop - Build your Javascript Application
▸8-20pm to 8-30pm - Puzzles, Best practices, Home-Work
DeepDive Learning Academy | www.DeepDiveEducation.com

3. COURSE
OBJECTIVES
▸ Understand Web Development
fundamentals (HTML, CSS &
JavaScript) and how they connect
▸ Break down Web Application into
smaller chunks - ‘Divide & Conquer’
▸ Make your first personal Web-page
and deploy it live!
▸ Become eligible for 25-Week Full-
Stack Development Bootcamp
(Enrolling for Jan 2020)
DeepDive Learning Academy | www.DeepDiveEducation.com

4. BY THE END OF THIS
SESSION, YOU WILL …
▸ Understand what role JavaScript plays in Web
Application
▸ Get familiar with Basic JavaScript
functionalities
▸ Code along and develop simple Web
Application
▸ Find out how to learn further and coding
exercise
DeepDive Learning Academy | www.DeepDiveEducation.com

5. DeepDive Learning Academy | www.DeepDiveEducation.com
WHAT IS
JAVASCRIPT?
▸JavaScript was designed to add interactivity to HTML pages
▸JavaScript is a scripting language (a scripting language is a lightweight
programming language)
▸JavaScript is an interpreted language (means that scripts execute
without preliminary compilation)
▸Everyone can use JavaScript without purchasing a license

6. HOW HTML, CSS AND JS
WORK?
DeepDive Learning Academy | www.DeepDiveEducation.com

7. WHY JAVASCRIPT?
▸Javascript is the most popular programming language in the world
▸Javascript helps you create really beautiful and crazy fast websites!
▸Helps you develop great front-end as well as back-end
▸Job growth and high pay
▸Tons of frameworks and Libraries already developed
DeepDive Learning Academy | www.DeepDiveEducation.com

8. DeepDive Learning Academy | www.DeepDiveEducation.com
MOST LOVED JAVASCRIPT
FRAMEWORKS

9. DeepDive Learning Academy | www.DeepDiveEducation.com

10. ‘HELLO WORLD’ USING
JAVASCRIPT
DeepDive Learning Academy | www.DeepDiveEducation.com

11. JAVASCRIPT EXAMPLES & CHROME
DEV TOOLS WALKTHROUGH
DeepDive Learning Academy | www.DeepDiveEducation.com
JS Comments
JS Variables
JS Operators
JS Strict Mode
JS Dates
JS DataTypes
JS Events
JS Functions
JS Strings
JS Conditions
JS Loop For
JS Loop While
JS Break
JS Arrays

12. http://bit.ly/2CSk5Ct
LIVE EXAMPLE!

13. WORKSHOP

14. QUIZ TIME!

15. HOMEWORK!
DeepDive Learning Academy | www.DeepDiveEducation.com
Add Expand/Collpase
functionality to the Personal
Profile page that we built in
HTML5 Session

16. QUESTIONS/COMMENTS?
DeepDive Learning Academy | www.DeepDiveEducation.com

17. THANK YOU,
SEE YOU ON
11/15 FOR CSS
SECTION!
DeepDive Learning Academy | www.DeepDiveEducation.com