Product Details

1of 8

Complete Web Developer Course

Build 10 Websites From Scratch to Supercharge Your Portfolio

Want to become a professional web developer? Start building your portfolio in this course! This course guides you through building real web projects so you can see how web developers think, operate, and create. You'll delve into programming languages like HTML, CSS, and JavaScript and discover how to leverage them together to build dynamic, interactive sites.

Applications he has created have entertained, informed and engaged tens of millions of people. He has over billions of page views on various platforms and has sent millions of click-through visitors. He has developed hundreds of web applications, from microsites to enterprise level platforms.

JavaScript Power Up: 16 Complete Projects from Scratch

Learn How to Create Dynamic & Interactive Content with JavaScript

JavaScript is the tech that makes up the bulk of the internet, as it's used in over 90% of all web pages. This course covers all the core fundamental concepts of JavaScript and will show you how to create dynamic, interactive sites completely from scratch. You'll learn how the Document Object Model works and how JavaScript can extend the functionality of web pages.

Applications he has created have entertained, informed and engaged tens of millions of people. He has over billions of page views on various platforms and has sent millions of click-through visitors. He has developed hundreds of web applications, from microsites to enterprise level platforms.

Important Details

Length of time users can access this course: lifetime

Access options: web streaming, mobile streaming

Certification of completion included

Redemption deadline: redeem your code within 30 days of purchase

Experience level required: all levels

Requirements

Internet required

Course Outline

introduction to JavaScript

1 JavaScript Course Introduction - 8:30

2 What is JavaScript - 2:39

3 Course Resources - 3:16

4 How to add JavaScript to Webpages - 8:21

5 Source Code

6 Debugging and commenting JavaScript - 5:34

7 Source Code

8 JavaScript Basic Data Types - 3:53

9 JavaScript Variables - 5:02

10 JavaScript Variable Rules - 4:16

11 Exercise 1 Output to console link to js file - 3:43

12 Source Code

13 Data type Null vs Undefined JavaScript - 5:08

14 Declaring multiple variables at once JavaScript - 2:13

15 JavaScript Operators - 9:10

16 Increment and Decrement Values JavaScript - 4:01

17 Assignment Operators JavaScript - 2:57

18 Comparison Operators JavaScript - 5:38

19 JavaScript String Operators - 2:21

20 JavaScript Logical Operators - 7:05

21 Source Code

22 prompt and alert JavaScript - 4:03

23 Writing content to the HTML document object - 3:07

24 Source Code

25 JavaScript Objects - 5:44

26 JavaScript Objects Dynamic Outputs - 4:44

27 JavaScript Objects within Objects - 5:55

28 JavaScript update values - 3:14

29 Source Code

30 JavaScript Arrays - 5:17

31 Working with Array Methods JavaScript - 5:31

32 Array Methods extended - 8:56

33 Sorting and more with Arrays JavaScript - 4:30

34 More with Arrays JavaScript - 3:47

35 Objects and Arrays together - 9:28

36 Source Code

37 JavaScript if condition statement - 6:44

38 JavaScript switch statement - 4:41

39 Source Code

40 JavaScript Do while loops - 5:54

41 For loops and more JavaScript - 4:02

42 Looping items in arrays and objects JavaScript - 4:34

43 Source Code

44 JavaScript introduction to functions - 5:14

45 Working with JavaScript Functions - 7:56

46 Global and Local Variables Functions - 5:57

47 Self-Executing function - 2:56

48 Break out of function JavaScript - 2:03

49 Source Code

50 JavaScript String Methods - 7:51

51 Source Code

52 Strings and Arrays - 2:17

53 Numbers to strings back to numbers - 2:27

54 Source Code

55 JavaScript Math Method - 3:19

56 JavaScript Date Method - 7:30

58 JavaScript Conclusion - 7:26

57 Source Code

JavaScript and the DOM

DOMintro - 5:31

3 What is the DOM - 6:43

4 Source Code

5 Select Node value using JavaScript - 7:00

6 JavaScript Objects and selection within the DOM - 7:53

7 Source Code

8 Windows Object Model - 4:15

9 document write method - 2:09

10 Selecting Elements by ID - 8:05

11 Update Output Div content from input form - 7:09

12 Source Code

13 Select Elements By Tag Name - 10:00

14 Selecting elements by Class - 3:11

15 Source Code

16 document query Selector - 5:39

17 Making Selections like CSS - 6:00

18 Source Code

19 Traversing the DOM - 7:39

20 Source Code

21 Add styling to Elements Dynamically - 4:52

22 Source Code

23 Append and Remove Elements using JavaScript - 6:51

24 Source Code

25 Add Event listeners to elements using JavaScript - 4:39

26 Event listeners click events - 5:07

27 Source Code

28 Hover over elements make them change background color - 8:28

29 Source Code

30 Image popup windows - 6:35

31 Source Code

JSON AJAX and JavaScript

1 JSON course Introduction - 4:26

2 JSON tools and resources - 7:03

3 JSON objects vs JavaScript Objects - 8:17

4 Output JSON javascript objects - 4:14

5 Source Code

6 Multiple Array Object JSON data - 4:07

7 Nested objects within Objects JSON - 4:17

8 Source Code

9 JSON parse use string as object - 3:05

10 JSON stringify turn into a string value - 3:51

11 Source Code

12 Example use case for JSON parse and JSON strinify - 11:20

13 Source Code

14 Loop Object JSON content output to HTML - 5:50

15 Source Code

16 get JSON with jQuery simple api data loading into HTML - 7:25

17 Source Code

18 Add content HTTP vs HTTPS - 2:18

19 ajax method get JSON data - 2:40

20 Source Code

21 Using different APIs to return JSON data - 7:46

22 JSON course conclusion - 4:37

23 Source Code

Project #1 JavaScript Project Build a War Card Game From Scratch

intro - 4:11

1 course intro Card war game - 2:47

2 course setup and resources - 4:22

3 Build structure for gameplay - 5:44

4 eventlisteners in JavaScript DOM - 9:59

5 source

6 build deck of cards - 10:03

7 random array shuffle cards - 9:13

8 source

9 Modulus and Multidimensional Arrays - 8:44

10 source

11 card shift and storage to inplay array - 5:16

12 Create Card output for players - 10:26

13 CSS stlying playing cards - 10:24

14 Card battle check for winner - 9:50

15 source

16 Create Battle Mode loop JavaScript functions - 6:40

17 Debugging and Tweaking - 6:21

18 add automation tweaks to gameplay - 9:31

19 source

20 Code overview conclusion - 8:19

Project #2 JavaScript Project Build a Memory Game From Scratch

1 Introduction to building JavaScript Memory Game - 4:11

2 Resource Setup - 3:09

3 Setup HTML Template - 4:23

4 Source Code

5 Loop declare image array - 6:25

6 Add Click Event to start Game - 5:37

7 Build gameplay array concat - 5:51

7 Source Code

8 Array Randomizer explained - 14:33

9 Add player gameplay options buttons JavaScript - 4:34

9 Source Code

10 Build Game Board Dynamically - 11:02

11 Make Game interactive flip tiles - 10:38

12 Source Code

13 Check if item is in array - 10:30

14 Set Intervals Flip cards back over - 8:47

15 Gameplay setup match detection - 8:48

16 Source Code

17 Game Tweaks and updates - 10:19

18 Course Conclusion - 13:41

19 Source Code

20 Create css and js files - 2:37

21 Source Code

Project #3 JavaScript Project HiLo Card Game

1 Course Introduction Interactive Web Application - 4:27

2 JavaScript Project Resources - 5:24

3 Create start screen for players - 6:32

4 Create Start event game play start - 4:16

5 Build a deck of cards JavaScript Array Objects - 9:42

6 How to randomize an array with JavaScript - 9:40

7 Add data to an object within the array JavaScript - 4:09

8 Output Card value to HTML element JavaScript - 5:21

9 Add player gameplay options buttons JavaScript - 4:34

10 source code

11 Adding color to output JavaScript - 2:55

12 Quick Style your output CSS - 2:30

13 Winner Check function JavaScript - 5:45

14 Completed Simple Gamplay JavaScript - 5:35

15 source code

16 Add betting input HTML - 4:58

17 CSS to build a card - 10:35

18 CSS for Card - 5:17

19 source code

20 Add CSS card debug dashboard - 3:22

21 Debug Gameplay clean up code - 5:42

22 Bet adjustments eventlisteners JavaSCript - 3:36

23 How to debug your javascript - 9:08

24 Button Styling CSS - 4:16

25 Debugging JavaScript code - 6:15

26 Code Tidy up and game ending - 7:24

27 Overview Styling CSS - 3:44

28 source code

29 Overview JavaScript - 10:10

30 source code

31 Course Conclusion - 3:07

32 source code

33 source code

Project #4 JavaScript Project Dynamic Quiz Application

1 Introduction to building a dynamic web application from scratch - 3:06

JavaScript ES6 Fundamentals 2018

Get Familiar with the New JavaScript ES6 Syntax & Start Building Web Pages Today

Get up to speed with the newest updates for JavaScript with this course on JavaScript ES6. This step-by-step guide covers the core parts of JavaScript to get you coding quickly with up-to-date knowledge. You'll also get source code and everything you need to get started coding included.

Applications he has created have entertained, informed and engaged tens of millions of people. He has over billions of page views on various platforms and has sent millions of click-through visitors. He has developed hundreds of web applications, from microsites to enterprise level platforms.

JavaScript Core Concepts

Cover the Basics of JavaScript

Cover the basics of JavaScript in this introductory course, showing you the fundamentals you need to know to start coding with JavaScript. If you want to create websites from scratch, you need this course.

Applications he has created have entertained, informed and engaged tens of millions of people. He has over billions of page views on various platforms and has sent millions of click-through visitors. He has developed hundreds of web applications, from microsites to enterprise level platforms.

Learn jQuery Fundamentals

Get Started with JavaScript's Most Popular Library

jQuery is the most popular JavaScript library available, in use on over 19 million websites and in nearly 5,000 libraries. It's an essential tool for any front-end developer and it's a natural choice if you're familiar with CSS and JavaScript. This fast-paced course will teach you the core fundamentals of jQuery so you can get started coding with it quickly.

Applications he has created have entertained, informed and engaged tens of millions of people. He has over billions of page views on various platforms and has sent millions of click-through visitors. He has developed hundreds of web applications, from microsites to enterprise level platforms.

Applications he has created have entertained, informed and engaged tens of millions of people. He has over billions of page views on various platforms and has sent millions of click-through visitors. He has developed hundreds of web applications, from microsites to enterprise level platforms.

Beginner's Guide to Learning JSON with JavaScript

Explore the Data Exchange Format That Rules Today's Internet

JSON (JavaScript Object Notation) is a syntax for data. It's easier to use than XML and more easily readable. Most modern web APIs output data in JSON formats and it is quickly becoming the default format for data exchange on the web today. This course is your guide to learning JSON from the beginning.

Applications he has created have entertained, informed and engaged tens of millions of people. He has over billions of page views on various platforms and has sent millions of click-through visitors. He has developed hundreds of web applications, from microsites to enterprise level platforms.

AJAX Information Application

Use AJAX to Get Data From Popular APIs & Output it On Your Websites

In this course, you'll explore how you can use JavaScript to connect to popular web APIs and return JSON data to output on your web pages. Using AJAX, you can connect to popular websites like YouTube and Wikipedia, request data and use JSON to use it within your pages. This course will show you exactly how to do it.

Applications he has created have entertained, informed and engaged tens of millions of people. He has over billions of page views on various platforms and has sent millions of click-through visitors. He has developed hundreds of web applications, from microsites to enterprise level platforms.