Designed for beginners, no prior experience or special skills are required to take this course. You will learn the basics of JavaScript for front end web development through hands-on application and examples every step of the way. By the end of the course, you will have built a fully functional flashcard app to demonstrate your practical knowledge.
Highlights:
- 40 practical tutorials.
- Learn the syntax and output of JavaScript code.
- Understand JavaScript statements and learn how to comment code.
- Store data in variables and apply arithmetic, comparison and logic operators.
- Understand the difference between strings, numbers, and Boolean data types.
- Utilize arrays to contain multiple items.
- Master intermediate JavaScript such as objects, functions and conditional statements.
- Make changes to HTML elements by manipulating the DOM.
- Make changes to CSS styles on a web page.
- Understand how to use Events and EventListeners.
- Add validation to an HTML fill-out form.
- Learn about JQuery, a popular JavaScript Library.
- Understand AJAX requests and responses.
- Put together everything you’ve learned by building a math flashcard app with JavaScript and AJAX.
Once enrolled, our friendly support team is here to help with any course-related inquiries.
Summary
- Skill level: Beginner
- Lessons: 40
- Pre-requisites: None
- Estimated study time: 20h for all materials
- Certificate: Yes
- Accredited by: CPD
- Video duration: 2h 41m
Features
Premium video tutorials
Personalized Learning
Learn at your own pace
Tests and Quizzes
Award winning instructors
Get Certified
Mobile - Learn on the go
Regularly updated content
Accreditations & Approvals
All courses under each learning path are accredited and approved by one or more of the following bodies as is applicable.
Instructors
All courses are taught by reputed trainers with relevant accreditations and industry experience.
Modules
Setting Up a Development Environment
Set up the tools you need to use JavaScript.
Where to Use JavaScript
Where does JavaScript go? Putting JavaScript tags in the HTML head, vs body, vs external files.
Syntax
What does JavaScript code look like?
Output
Learn several ways to output data to the screen with JavaScript.
Statements and Comments
Understanding the instructions that are executed by the web browser, and learning how to comment code.
Variables
How to store data in variables in JavaScript.
Assignment Operators
How to assign values to a variable, and do basic math assignment.
Arithmetic Operators
How to add, subtract, multiply, and divide with JavaScript. We’ll also look at the modulus, incrementing and decrementing.
Comparison and Logic Operators
How to compare two or more variables and test with logic (and, or, not).
Strings, Numbers, and Boolean Data Types
Understanding the difference between strings and numbers; and understanding Boolean data types.
Arrays
What are arrays, and how does JavaScript use them?
Objects
What are objects, and how does JavaScript use them?
Functions
Implementing and invoking blocks of code with functions.
If and If/Else and If/Else If Statements
Understanding conditional statements using If, If Else, and If Else If statements.
Switch
Understanding conditional statements using switch.
For Loops
Looping through things using For loops.
While Loops
Looping through things using While loops.
Intro to JSON
Introduction to JSON and why it is important.
A Short HTML/CSS Primer
JavaScript works with HTML and CSS, let’s do a quick refresher video on HTML and CSS.
Intro to the HTML DOM
What is the DOM and why is it important?
DOM Methods and Properties
What are the actions you can perform on HTML elements and what properties can you get and set?
Dom Document Objects
Finding, changing, adding, and deleting elements.
Finding Dom Elements
Finding elements by ID, by tag name, by class name, by CSS selectors, and by collections.
Changing HTML Output, Content, and Attributes
How to change HTML output, content, and attributes with JavaScript.
Changing CSS
How to change your CSS with JavaScript.
Understanding Events
What is an event, and what can you do with it?
Event Listeners
What are event listeners, and how to listen for event handlers.
Navigating DOM Nodes
What is a DOM node and how do you navigate them.
Creating New Nodes
Adding new nodes on the fly with JavaScript.
The Node List
How to retrieve an array-like collection of nodes.
Form Validating
How to validate an HTML fill-out form with JavaScript.
Introduction to jQuery
What is jQuery, and why is it important?
What Is AJAX
What is AJAX and what is it used for?
AJAX Requests – GET or POST?
What’s the difference between GET and POST and when should you use them?
AJAX Response
Putting It All Together – What We’ll Build
Introduction to building a simple math flashcard app with JavaScript and Ajax.
Create the Fill-Out Form
Let’s create a fill-out form to enter our answers.
Checking for Numbers
Let’s make sure the user entered a number!
Output the Result
Finishing Up
Create pages for Subtraction, Multiplication, and Division and finish the app.
Target Audience
- Graduates exploring placement in entry-level Development positions across industries
- Developers needing upskilling to be future-ready or become more productive in their current roles
- Experienced individuals exploring Introduction to JavaScript to join the workforce
How do I Access The Program
- Buy the course online
- Save your payment transaction receipt for any future reference
- Our team will share the credentials to enable you access your course online within 2 business days of payment transfer
Bulk Orders
Incase you are looking for bulk user licenses, or customized Learning Paths for various Job Roles, reach out to us with your detailed requirements.
Reviews
There are no reviews yet.