JavaScript Projects for JavaScript Beginners

  • Course provided by Udemy
  • Study type: Online
  • Starts: Anytime
  • Price: See latest price on Udemy
Udemy

Course Description

Hi, I am a Front End Engineer and a Udemy Instructor with over 15,000 students and 5000+ 5 Star Reviews!

If you are looking to build interactive web pages with JavaScript then I have released a course just for you :)

Learn DOM methods and properties to use JavaScript to make your web page interactive.

On top of that this course will have two projects to get started with and many more on the way!

This isn't the only course you should ever take on learning to create interactive web pages with JavaScript but it should be your first!

JavaScript has become an essential web technology along with HTML and CSS, as most browsers implement JavaScript. Thus, You must learn JavaScript if you want to get into web development, and you must learn it well if you're planning on being a front-end developer or on using JavaScript for backend development.

What makes JavaScript important?

Here are five reasons:

  • It’s everywhere. It’s seen adoption from large companies (think: LinkedIn, Google, Netflix) that not only decided to use JavaScript, but to rewrite their entire applications using it. This isn’t a tiny investment. It displays a great deal of trust and faith in a language to choose the risk of rewriting an application over using an existing one. These risks are being taken by industry giants, and for good reason.

  • It’s flexible. It’s not just a front-end language. As a back-end language, JavaScript provides great scalability and performance because of its event-driven architecture, more so than many of its competitors from various languages. It also allows for a seamless transition for developers from the back end to make edits on the front end. JavaScript’s adaptability is something that draws more and more people each year. It can provide you with great interactions on the front end, asynchronous operations, and is not bound to any browser or operating system. Its possibilities are endless due to this dynamic and adaptable nature.

  • It’s easy to learn. With the only requirements being a text editor and a browser, anyone can start learning JavaScript. And while learning JavaScript, you’ll interact with HTML and CSS, which are the building blocks of any website.

  • Its community. Because of its popularity, the JavaScript community is heavily populated with experts, novices and resources. New ideas and libraries spring up daily to fix new problems, improve fixes of existing problems or introduce new methods. The community is constantly innovating, and through this JavaScript evolves.

  • It’s in demand. If you want to be a programmer, you need to learn JavaScript. Because it’s so widely used, you will be hard-pressed to find a job listing for a developer that does not require it. It’s the de facto language of the web, other than HTML/CSS of course.


Who this course is for:

  • Beginner Wanting to Learn JavaScript Syntax
  • Beginner Looking to Apply JavaScript to a Webpage
  • Beginner Wanting to Build Portfolio Projects

Instructor

Front End Engineer
  • 4.6 Instructor Rating
  • 7,666 Reviews
  • 40,521 Students
  • 7 Courses

I am a Front End Engineer who enjoys working with JavaScript. I'm a self-taught developer and love to help others figure out programming on their own as well!

Expected Outcomes

  1. Learn How to Make Interactive Web Pages Learn JavaScript Syntax Learn How to Manipulate the DOM with JavaScript Learn How to Build a Todo App and a Matching Card Game Curated for the Udemy Business collection Course content 4 sections • 76 lectures • 7h 22m total length Expand all sections JavaScript and the DOM 7 lectures • 31min JavaScript Quick Tips 00:12 Introduction to the DOM Preview 07:51 What is the DOM 00:52 DOM Events Preview 09:09 Event Sketchnote 00:00 DOM tree nodes 06:07 More About Nodes 06:51 Project - TODO App w/Local Storage 13 lectures • 1hr 24min Part 1 Project Overview 04:42 Part 2 - document.querySelector() and document.getElementById() methods 08:37 Lesson 2 - Quiz 5 questions Part 3 - Changing the DOM with document.textContent property 06:11 Lesson 3 Quiz 1 question Part 4 - More DOM methods and properties 10:07 Lesson 4 - Quiz 3 questions Part 5 - User interaction and event listeners 04:10 Part 6 - Working with Forms 06:25 Setting Up Dev Environment 02:18 Part 7: Todo App with Local Storage 13:41 Part 8 - Local Storage 06:10 Part 9 - Todo App with Local Storage 13:38 Part 10 - CSS 03:09 Part 11: Hosting 02:17 Part 12: Sharing Your Code 02:23 Project - Matching Game 10 lectures • 47min Project Intro Preview 06:14 Part 1 - Display Our Cards 09:41 Part 2 - Duplicate Our Cards 02:27 Part 3 - Random Card Display 02:07 Part 4 - Style Selected Cards 04:19 Part 5 - Limit Two Cards Selections Per Round 02:33 Part 6 - Apply Styling to Matching Cards 08:15 Part 7 - Reset Guesses 03:35 Part 8 - Add Delay 02:18 Part 9 - Card Flip 05:13 JavaScript Basics - Review 46 lectures • 4hr 41min Variables Lesson 04:53 Variables Lab 04:16 JavaScript Strings 05:40 JavaScript Strings Lab 05:29 JavaScript Objects Intro 04:43 JavaScript Objects Intro Lab 03:54 JavaScript Objects - Dot and Bracket Notation Lesson 05:13 JavaScript Objects - Dot and Bracket Notation Lab 04:41 JavaScript Arrays Lesson 04:28 JavaScript Arrays Lab 04:15 JavaScript Array Methods Part 1 Lesson 05:18 JavaScript Array Methods Part 1 Lab 04:19 Array Methods Part 2 Lesson 05:26 Array Methods Part 2 Lab 06:54 Arrays Review 12:39 Functions Lesson 04:31 Functions Lab 03:46 Functions Deep Dive Lesson 05:31 Functions Deep Dive Lab 05:03 Function Scope Lesson 05:23 Function Scope Lab 07:02 Loops Lesson 07:57 Loops Lab 07:13 Switch Statement Lab 03:55 Switch Statement Lab 07:37 Loops Part 2 Lesson 07:37 Loops part 2 Lab 07:12 This & Bind Lesson 05:04 This & Bind Lab 05:59 This & Call Lesson 05:58 This & Call Lab 05:20 Filter Method Lesson 09:03 Filter Method Lab 08:29 Map Method Lesson 07:26 Map Method Lab 09:03 Reduce Method Lesson 07:38 Reduce Method Lab 08:18 Let Statement Lesson 05:29 Let Statement Lab 07:57 Const Statement Lesson & Lab 03:08 Template Literals Lesson 06:09 Template Literals Lab 06:32 Arrow Functions Lesson 05:25 Arrow Functions lab 06:14 Spread Operator Lesson 06:16 Spread Operator Lab 06:28 Requirements Chrome Browser Text Editor Description Hi, I am a Front End Engineer and a Udemy Instructor with over 15,000 students and 5000+ 5 Star Reviews! If you are looking to build interactive web pages with JavaScript then I have released a course just for you :) Learn DOM methods and properties to use JavaScript to make your web page interactive. On top of that this course will have two projects to get started with and many more on the way! This isn't the only course you should ever take on learning to create interactive web pages with JavaScript but it should be your first! JavaScript has become an essential web technology along with HTML and CSS, as most browsers implement JavaScript. Thus, You must learn JavaScript if you want to get into web development, and you must learn it well if you're planning on being a front-end developer or on using JavaScript for backend development. What makes JavaScript important? Here are five reasons: It’s everywhere. It’s seen adoption from large companies (think: LinkedIn, Google, Netflix) that not only decided to use JavaScript, but to rewrite their entire applications using it. This isn’t a tiny investment. It displays a great deal of trust and faith in a language to choose the risk of rewriting an application over using an existing one. These risks are being taken by industry giants, and for good reason. It’s flexible. It’s not just a front-end language. As a back-end language, JavaScript provides great scalability and performance because of its event-driven architecture, more so than many of its competitors from various languages. It also allows for a seamless transition for developers from the back end to make edits on the front end. JavaScript’s adaptability is something that draws more and more people each year. It can provide you with great interactions on the front end, asynchronous operations, and is not bound to any browser or operating system. Its possibilities are endless due to this dynamic and adaptable nature. It’s easy to learn. With the only requirements being a text editor and a browser, anyone can start learning JavaScript. And while learning JavaScript, you’ll interact with HTML and CSS, which are the building blocks of any website. Its community. Because of its popularity, the JavaScript community is heavily populated with experts, novices and resources. New ideas and libraries spring up daily to fix new problems, improve fixes of existing problems or introduce new methods. The community is constantly innovating, and through this JavaScript evolves. It’s in demand. If you want to be a programmer, you need to learn JavaScript. Because it’s so widely used, you will be hard-pressed to find a job listing for a developer that does not require it. It’s the de facto language of the web, other than HTML/CSS of course. Who this course is for: Beginner Wanting to Learn JavaScript Syntax Beginner Looking to Apply JavaScript to a Webpage Beginner Wanting to Build Portfolio Projects Show more Show less Featured review Marlon Braga 19 courses 12 reviews Rating: 5.0 out of 5 2 years ago I'm taking this course to refresh my knowledge working with the DOM in JavaScript and I realized that towards the end of the course he also refreshed Javascript ES5 and ES6 syntax! As always, he's very detailed and breaks it all down in easy step by step exercises. Show more Show less Instructor Rob Merrill Front End Engineer 4.6 Instructor Rating 7,666 Reviews 40,521 Students 7 Courses I am a Front End Engineer who enjoys working with JavaScript. I'm a self-taught developer and love to help others figure out programming on their own as well! Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6777c2507fea06a6',m:'9e153f94e093b7e312cbd794385a321e3269ed7c-1627744285-1800-AXHOTDM3HfqHciE4sYwq+DP+/dhtq6IYMi+36hBsBh5vWAnupUqipS/yr5R3fdysBtGdgvPwis8nF2ftrfVmYFNlVRT2QVbS7NYs8D/n96aC6jonibHIU4xEeWxoCxzwzH4x02Rw7unCIhsTk0a3pks=',s:[0xfc920cb859,0x84af1b57f9],}})();
  2. Learn JavaScript Syntax Learn How to Manipulate the DOM with JavaScript Learn How to Build a Todo App and a Matching Card Game Curated for the Udemy Business collection Course content 4 sections • 76 lectures • 7h 22m total length Expand all sections JavaScript and the DOM 7 lectures • 31min JavaScript Quick Tips 00:12 Introduction to the DOM Preview 07:51 What is the DOM 00:52 DOM Events Preview 09:09 Event Sketchnote 00:00 DOM tree nodes 06:07 More About Nodes 06:51 Project - TODO App w/Local Storage 13 lectures • 1hr 24min Part 1 Project Overview 04:42 Part 2 - document.querySelector() and document.getElementById() methods 08:37 Lesson 2 - Quiz 5 questions Part 3 - Changing the DOM with document.textContent property 06:11 Lesson 3 Quiz 1 question Part 4 - More DOM methods and properties 10:07 Lesson 4 - Quiz 3 questions Part 5 - User interaction and event listeners 04:10 Part 6 - Working with Forms 06:25 Setting Up Dev Environment 02:18 Part 7: Todo App with Local Storage 13:41 Part 8 - Local Storage 06:10 Part 9 - Todo App with Local Storage 13:38 Part 10 - CSS 03:09 Part 11: Hosting 02:17 Part 12: Sharing Your Code 02:23 Project - Matching Game 10 lectures • 47min Project Intro Preview 06:14 Part 1 - Display Our Cards 09:41 Part 2 - Duplicate Our Cards 02:27 Part 3 - Random Card Display 02:07 Part 4 - Style Selected Cards 04:19 Part 5 - Limit Two Cards Selections Per Round 02:33 Part 6 - Apply Styling to Matching Cards 08:15 Part 7 - Reset Guesses 03:35 Part 8 - Add Delay 02:18 Part 9 - Card Flip 05:13 JavaScript Basics - Review 46 lectures • 4hr 41min Variables Lesson 04:53 Variables Lab 04:16 JavaScript Strings 05:40 JavaScript Strings Lab 05:29 JavaScript Objects Intro 04:43 JavaScript Objects Intro Lab 03:54 JavaScript Objects - Dot and Bracket Notation Lesson 05:13 JavaScript Objects - Dot and Bracket Notation Lab 04:41 JavaScript Arrays Lesson 04:28 JavaScript Arrays Lab 04:15 JavaScript Array Methods Part 1 Lesson 05:18 JavaScript Array Methods Part 1 Lab 04:19 Array Methods Part 2 Lesson 05:26 Array Methods Part 2 Lab 06:54 Arrays Review 12:39 Functions Lesson 04:31 Functions Lab 03:46 Functions Deep Dive Lesson 05:31 Functions Deep Dive Lab 05:03 Function Scope Lesson 05:23 Function Scope Lab 07:02 Loops Lesson 07:57 Loops Lab 07:13 Switch Statement Lab 03:55 Switch Statement Lab 07:37 Loops Part 2 Lesson 07:37 Loops part 2 Lab 07:12 This & Bind Lesson 05:04 This & Bind Lab 05:59 This & Call Lesson 05:58 This & Call Lab 05:20 Filter Method Lesson 09:03 Filter Method Lab 08:29 Map Method Lesson 07:26 Map Method Lab 09:03 Reduce Method Lesson 07:38 Reduce Method Lab 08:18 Let Statement Lesson 05:29 Let Statement Lab 07:57 Const Statement Lesson & Lab 03:08 Template Literals Lesson 06:09 Template Literals Lab 06:32 Arrow Functions Lesson 05:25 Arrow Functions lab 06:14 Spread Operator Lesson 06:16 Spread Operator Lab 06:28 Requirements Chrome Browser Text Editor Description Hi, I am a Front End Engineer and a Udemy Instructor with over 15,000 students and 5000+ 5 Star Reviews! If you are looking to build interactive web pages with JavaScript then I have released a course just for you :) Learn DOM methods and properties to use JavaScript to make your web page interactive. On top of that this course will have two projects to get started with and many more on the way! This isn't the only course you should ever take on learning to create interactive web pages with JavaScript but it should be your first! JavaScript has become an essential web technology along with HTML and CSS, as most browsers implement JavaScript. Thus, You must learn JavaScript if you want to get into web development, and you must learn it well if you're planning on being a front-end developer or on using JavaScript for backend development. What makes JavaScript important? Here are five reasons: It’s everywhere. It’s seen adoption from large companies (think: LinkedIn, Google, Netflix) that not only decided to use JavaScript, but to rewrite their entire applications using it. This isn’t a tiny investment. It displays a great deal of trust and faith in a language to choose the risk of rewriting an application over using an existing one. These risks are being taken by industry giants, and for good reason. It’s flexible. It’s not just a front-end language. As a back-end language, JavaScript provides great scalability and performance because of its event-driven architecture, more so than many of its competitors from various languages. It also allows for a seamless transition for developers from the back end to make edits on the front end. JavaScript’s adaptability is something that draws more and more people each year. It can provide you with great interactions on the front end, asynchronous operations, and is not bound to any browser or operating system. Its possibilities are endless due to this dynamic and adaptable nature. It’s easy to learn. With the only requirements being a text editor and a browser, anyone can start learning JavaScript. And while learning JavaScript, you’ll interact with HTML and CSS, which are the building blocks of any website. Its community. Because of its popularity, the JavaScript community is heavily populated with experts, novices and resources. New ideas and libraries spring up daily to fix new problems, improve fixes of existing problems or introduce new methods. The community is constantly innovating, and through this JavaScript evolves. It’s in demand. If you want to be a programmer, you need to learn JavaScript. Because it’s so widely used, you will be hard-pressed to find a job listing for a developer that does not require it. It’s the de facto language of the web, other than HTML/CSS of course. Who this course is for: Beginner Wanting to Learn JavaScript Syntax Beginner Looking to Apply JavaScript to a Webpage Beginner Wanting to Build Portfolio Projects Show more Show less Featured review Marlon Braga 19 courses 12 reviews Rating: 5.0 out of 5 2 years ago I'm taking this course to refresh my knowledge working with the DOM in JavaScript and I realized that towards the end of the course he also refreshed Javascript ES5 and ES6 syntax! As always, he's very detailed and breaks it all down in easy step by step exercises. Show more Show less Instructor Rob Merrill Front End Engineer 4.6 Instructor Rating 7,666 Reviews 40,521 Students 7 Courses I am a Front End Engineer who enjoys working with JavaScript. I'm a self-taught developer and love to help others figure out programming on their own as well! Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6777c2507fea06a6',m:'9e153f94e093b7e312cbd794385a321e3269ed7c-1627744285-1800-AXHOTDM3HfqHciE4sYwq+DP+/dhtq6IYMi+36hBsBh5vWAnupUqipS/yr5R3fdysBtGdgvPwis8nF2ftrfVmYFNlVRT2QVbS7NYs8D/n96aC6jonibHIU4xEeWxoCxzwzH4x02Rw7unCIhsTk0a3pks=',s:[0xfc920cb859,0x84af1b57f9],}})();
  3. Learn How to Manipulate the DOM with JavaScript Learn How to Build a Todo App and a Matching Card Game Curated for the Udemy Business collection Course content 4 sections • 76 lectures • 7h 22m total length Expand all sections JavaScript and the DOM 7 lectures • 31min JavaScript Quick Tips 00:12 Introduction to the DOM Preview 07:51 What is the DOM 00:52 DOM Events Preview 09:09 Event Sketchnote 00:00 DOM tree nodes 06:07 More About Nodes 06:51 Project - TODO App w/Local Storage 13 lectures • 1hr 24min Part 1 Project Overview 04:42 Part 2 - document.querySelector() and document.getElementById() methods 08:37 Lesson 2 - Quiz 5 questions Part 3 - Changing the DOM with document.textContent property 06:11 Lesson 3 Quiz 1 question Part 4 - More DOM methods and properties 10:07 Lesson 4 - Quiz 3 questions Part 5 - User interaction and event listeners 04:10 Part 6 - Working with Forms 06:25 Setting Up Dev Environment 02:18 Part 7: Todo App with Local Storage 13:41 Part 8 - Local Storage 06:10 Part 9 - Todo App with Local Storage 13:38 Part 10 - CSS 03:09 Part 11: Hosting 02:17 Part 12: Sharing Your Code 02:23 Project - Matching Game 10 lectures • 47min Project Intro Preview 06:14 Part 1 - Display Our Cards 09:41 Part 2 - Duplicate Our Cards 02:27 Part 3 - Random Card Display 02:07 Part 4 - Style Selected Cards 04:19 Part 5 - Limit Two Cards Selections Per Round 02:33 Part 6 - Apply Styling to Matching Cards 08:15 Part 7 - Reset Guesses 03:35 Part 8 - Add Delay 02:18 Part 9 - Card Flip 05:13 JavaScript Basics - Review 46 lectures • 4hr 41min Variables Lesson 04:53 Variables Lab 04:16 JavaScript Strings 05:40 JavaScript Strings Lab 05:29 JavaScript Objects Intro 04:43 JavaScript Objects Intro Lab 03:54 JavaScript Objects - Dot and Bracket Notation Lesson 05:13 JavaScript Objects - Dot and Bracket Notation Lab 04:41 JavaScript Arrays Lesson 04:28 JavaScript Arrays Lab 04:15 JavaScript Array Methods Part 1 Lesson 05:18 JavaScript Array Methods Part 1 Lab 04:19 Array Methods Part 2 Lesson 05:26 Array Methods Part 2 Lab 06:54 Arrays Review 12:39 Functions Lesson 04:31 Functions Lab 03:46 Functions Deep Dive Lesson 05:31 Functions Deep Dive Lab 05:03 Function Scope Lesson 05:23 Function Scope Lab 07:02 Loops Lesson 07:57 Loops Lab 07:13 Switch Statement Lab 03:55 Switch Statement Lab 07:37 Loops Part 2 Lesson 07:37 Loops part 2 Lab 07:12 This & Bind Lesson 05:04 This & Bind Lab 05:59 This & Call Lesson 05:58 This & Call Lab 05:20 Filter Method Lesson 09:03 Filter Method Lab 08:29 Map Method Lesson 07:26 Map Method Lab 09:03 Reduce Method Lesson 07:38 Reduce Method Lab 08:18 Let Statement Lesson 05:29 Let Statement Lab 07:57 Const Statement Lesson & Lab 03:08 Template Literals Lesson 06:09 Template Literals Lab 06:32 Arrow Functions Lesson 05:25 Arrow Functions lab 06:14 Spread Operator Lesson 06:16 Spread Operator Lab 06:28 Requirements Chrome Browser Text Editor Description Hi, I am a Front End Engineer and a Udemy Instructor with over 15,000 students and 5000+ 5 Star Reviews! If you are looking to build interactive web pages with JavaScript then I have released a course just for you :) Learn DOM methods and properties to use JavaScript to make your web page interactive. On top of that this course will have two projects to get started with and many more on the way! This isn't the only course you should ever take on learning to create interactive web pages with JavaScript but it should be your first! JavaScript has become an essential web technology along with HTML and CSS, as most browsers implement JavaScript. Thus, You must learn JavaScript if you want to get into web development, and you must learn it well if you're planning on being a front-end developer or on using JavaScript for backend development. What makes JavaScript important? Here are five reasons: It’s everywhere. It’s seen adoption from large companies (think: LinkedIn, Google, Netflix) that not only decided to use JavaScript, but to rewrite their entire applications using it. This isn’t a tiny investment. It displays a great deal of trust and faith in a language to choose the risk of rewriting an application over using an existing one. These risks are being taken by industry giants, and for good reason. It’s flexible. It’s not just a front-end language. As a back-end language, JavaScript provides great scalability and performance because of its event-driven architecture, more so than many of its competitors from various languages. It also allows for a seamless transition for developers from the back end to make edits on the front end. JavaScript’s adaptability is something that draws more and more people each year. It can provide you with great interactions on the front end, asynchronous operations, and is not bound to any browser or operating system. Its possibilities are endless due to this dynamic and adaptable nature. It’s easy to learn. With the only requirements being a text editor and a browser, anyone can start learning JavaScript. And while learning JavaScript, you’ll interact with HTML and CSS, which are the building blocks of any website. Its community. Because of its popularity, the JavaScript community is heavily populated with experts, novices and resources. New ideas and libraries spring up daily to fix new problems, improve fixes of existing problems or introduce new methods. The community is constantly innovating, and through this JavaScript evolves. It’s in demand. If you want to be a programmer, you need to learn JavaScript. Because it’s so widely used, you will be hard-pressed to find a job listing for a developer that does not require it. It’s the de facto language of the web, other than HTML/CSS of course. Who this course is for: Beginner Wanting to Learn JavaScript Syntax Beginner Looking to Apply JavaScript to a Webpage Beginner Wanting to Build Portfolio Projects Show more Show less Featured review Marlon Braga 19 courses 12 reviews Rating: 5.0 out of 5 2 years ago I'm taking this course to refresh my knowledge working with the DOM in JavaScript and I realized that towards the end of the course he also refreshed Javascript ES5 and ES6 syntax! As always, he's very detailed and breaks it all down in easy step by step exercises. Show more Show less Instructor Rob Merrill Front End Engineer 4.6 Instructor Rating 7,666 Reviews 40,521 Students 7 Courses I am a Front End Engineer who enjoys working with JavaScript. I'm a self-taught developer and love to help others figure out programming on their own as well! Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6777c2507fea06a6',m:'9e153f94e093b7e312cbd794385a321e3269ed7c-1627744285-1800-AXHOTDM3HfqHciE4sYwq+DP+/dhtq6IYMi+36hBsBh5vWAnupUqipS/yr5R3fdysBtGdgvPwis8nF2ftrfVmYFNlVRT2QVbS7NYs8D/n96aC6jonibHIU4xEeWxoCxzwzH4x02Rw7unCIhsTk0a3pks=',s:[0xfc920cb859,0x84af1b57f9],}})();
  4. Learn How to Build a Todo App and a Matching Card Game Curated for the Udemy Business collection Course content 4 sections • 76 lectures • 7h 22m total length Expand all sections JavaScript and the DOM 7 lectures • 31min JavaScript Quick Tips 00:12 Introduction to the DOM Preview 07:51 What is the DOM 00:52 DOM Events Preview 09:09 Event Sketchnote 00:00 DOM tree nodes 06:07 More About Nodes 06:51 Project - TODO App w/Local Storage 13 lectures • 1hr 24min Part 1 Project Overview 04:42 Part 2 - document.querySelector() and document.getElementById() methods 08:37 Lesson 2 - Quiz 5 questions Part 3 - Changing the DOM with document.textContent property 06:11 Lesson 3 Quiz 1 question Part 4 - More DOM methods and properties 10:07 Lesson 4 - Quiz 3 questions Part 5 - User interaction and event listeners 04:10 Part 6 - Working with Forms 06:25 Setting Up Dev Environment 02:18 Part 7: Todo App with Local Storage 13:41 Part 8 - Local Storage 06:10 Part 9 - Todo App with Local Storage 13:38 Part 10 - CSS 03:09 Part 11: Hosting 02:17 Part 12: Sharing Your Code 02:23 Project - Matching Game 10 lectures • 47min Project Intro Preview 06:14 Part 1 - Display Our Cards 09:41 Part 2 - Duplicate Our Cards 02:27 Part 3 - Random Card Display 02:07 Part 4 - Style Selected Cards 04:19 Part 5 - Limit Two Cards Selections Per Round 02:33 Part 6 - Apply Styling to Matching Cards 08:15 Part 7 - Reset Guesses 03:35 Part 8 - Add Delay 02:18 Part 9 - Card Flip 05:13 JavaScript Basics - Review 46 lectures • 4hr 41min Variables Lesson 04:53 Variables Lab 04:16 JavaScript Strings 05:40 JavaScript Strings Lab 05:29 JavaScript Objects Intro 04:43 JavaScript Objects Intro Lab 03:54 JavaScript Objects - Dot and Bracket Notation Lesson 05:13 JavaScript Objects - Dot and Bracket Notation Lab 04:41 JavaScript Arrays Lesson 04:28 JavaScript Arrays Lab 04:15 JavaScript Array Methods Part 1 Lesson 05:18 JavaScript Array Methods Part 1 Lab 04:19 Array Methods Part 2 Lesson 05:26 Array Methods Part 2 Lab 06:54 Arrays Review 12:39 Functions Lesson 04:31 Functions Lab 03:46 Functions Deep Dive Lesson 05:31 Functions Deep Dive Lab 05:03 Function Scope Lesson 05:23 Function Scope Lab 07:02 Loops Lesson 07:57 Loops Lab 07:13 Switch Statement Lab 03:55 Switch Statement Lab 07:37 Loops Part 2 Lesson 07:37 Loops part 2 Lab 07:12 This & Bind Lesson 05:04 This & Bind Lab 05:59 This & Call Lesson 05:58 This & Call Lab 05:20 Filter Method Lesson 09:03 Filter Method Lab 08:29 Map Method Lesson 07:26 Map Method Lab 09:03 Reduce Method Lesson 07:38 Reduce Method Lab 08:18 Let Statement Lesson 05:29 Let Statement Lab 07:57 Const Statement Lesson & Lab 03:08 Template Literals Lesson 06:09 Template Literals Lab 06:32 Arrow Functions Lesson 05:25 Arrow Functions lab 06:14 Spread Operator Lesson 06:16 Spread Operator Lab 06:28 Requirements Chrome Browser Text Editor Description Hi, I am a Front End Engineer and a Udemy Instructor with over 15,000 students and 5000+ 5 Star Reviews! If you are looking to build interactive web pages with JavaScript then I have released a course just for you :) Learn DOM methods and properties to use JavaScript to make your web page interactive. On top of that this course will have two projects to get started with and many more on the way! This isn't the only course you should ever take on learning to create interactive web pages with JavaScript but it should be your first! JavaScript has become an essential web technology along with HTML and CSS, as most browsers implement JavaScript. Thus, You must learn JavaScript if you want to get into web development, and you must learn it well if you're planning on being a front-end developer or on using JavaScript for backend development. What makes JavaScript important? Here are five reasons: It’s everywhere. It’s seen adoption from large companies (think: LinkedIn, Google, Netflix) that not only decided to use JavaScript, but to rewrite their entire applications using it. This isn’t a tiny investment. It displays a great deal of trust and faith in a language to choose the risk of rewriting an application over using an existing one. These risks are being taken by industry giants, and for good reason. It’s flexible. It’s not just a front-end language. As a back-end language, JavaScript provides great scalability and performance because of its event-driven architecture, more so than many of its competitors from various languages. It also allows for a seamless transition for developers from the back end to make edits on the front end. JavaScript’s adaptability is something that draws more and more people each year. It can provide you with great interactions on the front end, asynchronous operations, and is not bound to any browser or operating system. Its possibilities are endless due to this dynamic and adaptable nature. It’s easy to learn. With the only requirements being a text editor and a browser, anyone can start learning JavaScript. And while learning JavaScript, you’ll interact with HTML and CSS, which are the building blocks of any website. Its community. Because of its popularity, the JavaScript community is heavily populated with experts, novices and resources. New ideas and libraries spring up daily to fix new problems, improve fixes of existing problems or introduce new methods. The community is constantly innovating, and through this JavaScript evolves. It’s in demand. If you want to be a programmer, you need to learn JavaScript. Because it’s so widely used, you will be hard-pressed to find a job listing for a developer that does not require it. It’s the de facto language of the web, other than HTML/CSS of course. Who this course is for: Beginner Wanting to Learn JavaScript Syntax Beginner Looking to Apply JavaScript to a Webpage Beginner Wanting to Build Portfolio Projects Show more Show less Featured review Marlon Braga 19 courses 12 reviews Rating: 5.0 out of 5 2 years ago I'm taking this course to refresh my knowledge working with the DOM in JavaScript and I realized that towards the end of the course he also refreshed Javascript ES5 and ES6 syntax! As always, he's very detailed and breaks it all down in easy step by step exercises. Show more Show less Instructor Rob Merrill Front End Engineer 4.6 Instructor Rating 7,666 Reviews 40,521 Students 7 Courses I am a Front End Engineer who enjoys working with JavaScript. I'm a self-taught developer and love to help others figure out programming on their own as well! Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6777c2507fea06a6',m:'9e153f94e093b7e312cbd794385a321e3269ed7c-1627744285-1800-AXHOTDM3HfqHciE4sYwq+DP+/dhtq6IYMi+36hBsBh5vWAnupUqipS/yr5R3fdysBtGdgvPwis8nF2ftrfVmYFNlVRT2QVbS7NYs8D/n96aC6jonibHIU4xEeWxoCxzwzH4x02Rw7unCIhsTk0a3pks=',s:[0xfc920cb859,0x84af1b57f9],}})();