Become a Front End Developer - JavaScript for Beginners
- Description
- Curriculum
- FAQ
- Reviews
Beginner friendly course
If you are from a non-IT profession and you want to shift to application development, then this is the course for you.
-
The topics are clearly structured.
-
Appropriate instructions and opportunity provided to the learner to code along with the instructor.
-
Guided implementation of case study and project.
About JavaScript
According to StackOverflow Developer Survey, JavaScript is the Most Popular Technology during 2020. Most popular websites use JavaScript. As of 2021, around 97.4% of websites use JavaScript.
Using JavaScript you can develop web applications, mobile applications, desktop applications and server side programming.
It is easier to get started and learn JavaScript.
What is in this course?
The following are the major areas covered in this course:
-
Programming Fundamentals
-
Statements, Code Execution Flow, Literals, Arithmetic Operators, Variables, Function, Conditional Statements, Loops, String, Array, Object, Class, Module, Arrow Function, Variable Scoping, Numbers and Dates
-
-
Web Page manipulation using DOM (Document Object Model)
-
Learn manipulating HTML elements
-
Learn to handle DOM events
-
Implement 2 Case Studies and an Exercise
-
-
Getting data from server (Using XMLHttpRequest and fetch)
-
Learn about getting data from server
-
Understand about REST API and JSON
-
Implement making REST API call using XMLHttpRequest and fetch
-
Implement case study that searches countries
-
Implement an exercise to search street names in France
-
Understand basics of HTTP protocol and HTTP method types
-
The above topics helps you to become a Front End Developer.
This course does not cover the desktop application development, mobile application development and server side programming.
During this learning journey, you are provided with:
-
36 Exercises
-
3 Case Studies
-
1 Project (Tic-Tac-Toe game)
-
1IntroductionVideo lesson
-
2What you will learn?Video lesson
-
3Learning EnvironmentVideo lesson
-
4Setting up your courseVideo lesson
-
5Install ChromeVideo lesson
-
6Download Visual Studio CodeVideo lesson
-
7Install Visual Studio Code Editor - WindowsVideo lesson
-
8Install Visual Studio Code Editor - MacVideo lesson
-
9Quick Launch Visual Studio CodeVideo lesson
-
10Install 'Live Server' Extension for Visual Studio CodeVideo lesson
-
11GitHub Code ReferenceVideo lesson
-
13Display Hello World in consoleVideo lesson
-
14Create FolderVideo lesson
-
15Open 'javascript' folder in Visual Studio CodeVideo lesson
-
16Create HTML fileVideo lesson
-
17Key in the codeVideo lesson
-
18Launch HTML using Live ServerVideo lesson
-
19Place Visual Studio Code and Chrome browser adjacentlyVideo lesson
-
20Placement of Script tagVideo lesson
-
21JavaScript is Case SensitiveVideo lesson
-
22Code Execution FlowVideo lesson
-
23IntroductionVideo lesson
-
24Temperature Conversion CalculationVideo lesson
-
25Create HTML fileVideo lesson
-
26Difference between a String Literal and Numeric LiteralVideo lesson
-
27Understanding Arithmetic Addition and String ConcatenationVideo lesson
-
28Code to display CelsiusVideo lesson
-
29Calculation code for FahrenheitVideo lesson
-
30Understanding Operator PrecedenceVideo lesson
-
31Fix Fahrenheit calculation issueVideo lesson
-
32SummaryVideo lesson
-
33EXERCISE #1 - Area of RectangleVideo lesson
-
34EXERCISE #2 - Percentage of Boys and GirlsVideo lesson
-
35EXERCISE #3 - Find left over ApplesVideo lesson
-
36Limitations of Fahrenheit conversion codeVideo lesson
-
37Implementing VariablesVideo lesson
-
38Defining multiple variablesVideo lesson
-
39String variable and Variable Naming ConventionVideo lesson
-
40Multiple variable definitions in a single lineVideo lesson
-
41EXERCISE #1 - Area of RectangleVideo lesson
-
42EXERCISE #2 - Percentage of Boys and GirlsVideo lesson
-
43Significance of FunctionVideo lesson
-
44Define FunctionVideo lesson
-
45Call FunctionVideo lesson
-
46Function with ParameterVideo lesson
-
47Call Function from another Web PageVideo lesson
-
48Steps to implement External ScriptVideo lesson
-
49Function definition in Script FileVideo lesson
-
50Move Function to Script fileVideo lesson
-
51Refer Script File from HTMLVideo lesson
-
52Additional information about External JavaScript FileVideo lesson
-
53Return Statement in a FunctionVideo lesson
-
54Code Execution Flow of a FunctionVideo lesson
-
55About Functions and Function Naming ConventionsVideo lesson
-
56EXERCISE - Area of RectangleVideo lesson
-
57About Conditional StatementsVideo lesson
-
58Problem Statement to learn Conditional StatementsVideo lesson
-
59Implement 'if' statementVideo lesson
-
60Explain 'if' statementVideo lesson
-
61Implement 'if' statement for raining checkVideo lesson
-
62Implement Logical NOT operatorVideo lesson
-
63Explanation for Logical NOT operatorVideo lesson
-
64Implement 'else' blockVideo lesson
-
65How 'else' block works?Video lesson
-
66Implement Equal (==) operatorVideo lesson
-
67Implement Strict Equal (===) operatorVideo lesson
-
68Comparison OperatorsVideo lesson
-
69Logical OperatorsVideo lesson
-
70About Pipe CharacterVideo lesson
-
71Problem Statement - Airlines Infant PolicyVideo lesson
-
72Implement Infant Passenger age checkVideo lesson
-
73Implement Adult Passenger age checkVideo lesson
-
74Airlines Policy for Child PassengerVideo lesson
-
75Implement Child Passenger age checkVideo lesson
-
76Implement Airlines Policy using if .. else ifVideo lesson
-
77Benefit of if .. else ifVideo lesson
-
78Implement Ternary OperatorVideo lesson
-
79How Ternary Operator works?Video lesson
-
80Explanation for switch .. case statementVideo lesson
-
81Summary of Conditional StatementsVideo lesson
-
82EXERCISE #1 - Find positive, negative and zero using 'if' statementVideo lesson
-
83EXERCISE #2 - Find positive, negative and zero using 'if .. else if'Video lesson
-
84EXERCISE #3 - Find if a number is Odd or EvenVideo lesson
-
85EXERCISE #4 - Find Cash Back using Ternary OperatorVideo lesson
External Links May Contain Affiliate Links read more