English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 52 lectures (6h 1m) | 3.15 GB
Learn Javascript Today From Beginner to Advanced by Completing a Real-Life Project With Multiple Components
Javascript is the most used programming language in the world. After almost 30 years since the first release, its popularity continues to spread as the community grows and more robust frameworks are launched frequently.
Learning Javascript will open a brand new world of opportunities for you. Whether you need to learn Javascript for an ongoing project, to apply for a job, or simply because you want it now, here you will find all the resources you need.
This course is also a great choice for businesses as a web development training resource.
Our Project-Based Approach
This course was designed for people with fast-paced lives, that don’t have time to waste. In the very first lesson, you will be presented with a project you will build from start to finish.
This project has multiple Javascript components that will enable you to learn beginner, intermediate, and advanced Javascript concepts while you build them.
Here’s a summary of these components:
- The popular animated mobile menu, that opens and closes with a slide effect.
- A real-time weather information section, with data retrieved from The Weather Map API.
- A temperature conversion switch
- A local-time clock that runs on the page.
- An image gallery with thumbnails.
- A product section populated from a JSON object.
- A product filter that showcases free, paid, or all products.
All The Fundamentals of Javascript Covered
Although this is a fast project-based course, we made sure to cover all the fundamentals of Javascript.
While you get the thrill of solving challenging Javascript problems within the project, you will learn all these topics in detail:
- Javascript Syntax
- Code Organization & Best Practices
- The Document Object Model (DOM)
- HTML & CSS Manipulation
- Events
- Variables
- Data Types
- Functions
- Conditionals
- Loops
- Date & Time
- Geolocation
- How to Work With External APIs
- HTTP Requests & the Fetch Method
- Error Handling
- ES6+ Functions
What you’ll learn
- Learn Javascript quickly and effictively from beginner to advanced
- Learn through practice – complete our project from conception to completion
- Understand the principles of Javascript: Data Types, Conditionals, Loops & Functions
- Learn all the fundamentals of Javascript and the most useful methods
- Finish the course with real-life Javascript skills
Table of Contents
Getting Started With Javascript
Presentation of The Project & Useful Tips
How to Open the Project
How to Run Javascript Code
Using Script Tags
Running Javascript Code
Javascript Syntax
DOM Document Object Model
Interacting with HTML Elements
More Select Methods
Manipulate HTML elements
CSS Manipulation
HTML & CSS Manipulation
Events
Project Open & Close the Menu
Javascript Basics – Variables & Data Types
Variables
Variable Naming Rules & Best Practices
Variable Naming Rules & Best Practices
Data Types – Introduction
Data Types Strings
Data Types Numbers
Project The Greeting Section
Project Replacing Dynamic Values in the Greeting Message
Data Types Arrays
Data Types Objects
Data Types Booleans
Data Types Null & Undefined
Data Types
Javascript Basics – Functions, Loops & Conditionals
Functions
Project The Temperature Switch
KM to Miles Conversion
Conditionals
Date & Time
Project The Local Time Section
Set Timeout and Set Interval
Pad Start for Formatting the Clock
Loops For & For in
Project The Image Gallery
The forEach Loop
Project The Gallery Main Image
Project The Gallery Thumbnails
Intermediate Javascript
Ternary Conditionals
Project The Gallery Functionality
Project The Greeting Title
Code Organization & Best Practices
Project The Products Section
Project Populating the Products Section (Part 1)
Project Populating the Products Section (Part 2)
The Array Filter Method
Project The Product Filter Labels
Project The Product Filter Functionality
Project The Footer Section
Advanced Javascript
Navigator for Geolocation
Arrow Functions
HTTP Requests
The Fetch Method
Project The Weather Map API
Project Generating the Weather Text
Error Handling – Try & Catch
Resolve the captcha to access the links!