Modern JavaScript Complete Course ES6+ | Laurence Svekis | Skillshare

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Modern JavaScript Complete Course for Beginners 2022

teacher avatar Laurence Svekis, Web technology Instructor

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

89 Lessons (9h 41m)
    • 1. JavaScript IntroductionSkillshare

      3:59
    • 2. 1 Welcome to JavaScript

      8:57
    • 3. 2 Writing JavaScript

      5:07
    • 4. 3 JavaScript and HTML

      10:34
    • 5. 4 Comments JavaScript

      3:53
    • 6. 5 Output Options JavaScript

      6:12
    • 7. 6 Output Action Challenge

      6:52
    • 8. 7 JavaScript Variables

      6:40
    • 9. 8 Let and Const JavaScript

      6:26
    • 10. 9 Data Types

      6:47
    • 11. 10 Challenge JavaScript Prompt

      5:36
    • 12. 11 Template Literals

      6:13
    • 13. 12 Prompt Challenge

      2:51
    • 14. 13 Type Conversion and Coercion

      7:00
    • 15. 14 Type Challenge

      3:29
    • 16. 15 JavaScript Operators

      3:45
    • 17. 16 JavaScript Assignment Operators

      2:31
    • 18. 17 JavaScript Comparison Operators

      3:30
    • 19. 18 Truthy and Falsey

      2:25
    • 20. 19 Condition Statements

      6:11
    • 21. 20 Condition Challenge

      5:53
    • 22. 21 Ternary Operator

      5:26
    • 23. 22 Logical Operators

      5:45
    • 24. 23 JavaScript Switch Statement

      4:55
    • 25. 24 Switch Friends Challenge

      4:13
    • 26. 25 JavaScript Functions

      7:40
    • 27. 26 JavaScript Function Parameters

      7:04
    • 28. 27 JavaScript Function Return

      5:18
    • 29. 28 Function Expression

      6:47
    • 30. 29 Function Scope

      7:43
    • 31. 30 Function closures

      7:59
    • 32. 31 Function Recursion

      4:36
    • 33. 32 Number Guesser Challenge

      6:43
    • 34. 33 IIFE functions

      5:35
    • 35. 34 Arrow Functions JavaScript

      4:51
    • 36. 35 JavaScript Objects

      9:16
    • 37. 36 JavaScript Objects Part 2

      7:31
    • 38. 37 Create a Car Object Challenge

      7:47
    • 39. 38 JavaScript Objects Part 3

      6:07
    • 40. 39 Create JavaScript Objects

      5:08
    • 41. 40 JavaScript Arrays

      8:37
    • 42. 41 Values in the Array

      6:57
    • 43. 42 Array Methods JavaScript

      6:58
    • 44. 43 Array Methods Part 2

      10:55
    • 45. 44 Array Methods Advanced

      11:04
    • 46. 45 JavaScript Loops

      4:57
    • 47. 46 Loop Array Contents

      5:00
    • 48. 47 Loop Object Contents

      1:57
    • 49. 48 JavaScript Map

      3:12
    • 50. 49 JavaScript Math

      8:16
    • 51. 50 JavaScript Date

      8:52
    • 52. JavaScript DOM Introduction

      3:19
    • 53. 1 Welcome to JavaScript DOM

      6:47
    • 54. 2 Select and Element JavaScript DOM

      5:15
    • 55. 3 Element Selectors

      9:11
    • 56. 4 Element QuerySelectorAll

      5:58
    • 57. 5 JavaScript Manipulation InnerContent

      6:21
    • 58. 6 Element Attributes

      6:14
    • 59. 7 Attribute Updates

      9:46
    • 60. 8 JavaScript and Classes

      6:52
    • 61. 9 Element Children and Traversing

      7:39
    • 62. 10 More Traversing

      4:16
    • 63. 11 Element Manipulation Styles

      7:17
    • 64. 12 Create Elements

      11:20
    • 65. 13 Append Prepend Challenge

      3:19
    • 66. 14 Remove an Element

      10:51
    • 67. 15 Element Clones

      7:09
    • 68. 16 Adding Event Listeners

      10:38
    • 69. 17 Bubble and Capture Event Listeners

      8:12
    • 70. 17 JavaScript Event Listeners

      10:18
    • 71. 18 More Event Listeners

      6:49
    • 72. 19 Keyboard Events JavaScript

      6:53
    • 73. 20 List Challenge Events

      13:11
    • 74. JavaScript Advanced

      1:17
    • 75. 1 JavaScript Number Methods

      5:50
    • 76. 2 JavaScript String Methods

      11:02
    • 77. 3 JavaScript String Methods Part 2

      10:35
    • 78. 4 JavaScript Math Object

      5:41
    • 79. 5 Random Item From Array

      6:06
    • 80. 6 Random Page Background

      4:15
    • 81. 7 JavaScript DOMContentLoaded

      3:22
    • 82. 8 Element Mover Challenge

      9:52
    • 83. 9 JavaScript Date

      6:58
    • 84. 10 JSON parse and Stringify

      5:00
    • 85. 11 LocalStorage HTTP Protocol

      5:31
    • 86. 12 LocalStorage JavaScript

      5:40
    • 87. 13 TimeOuts and Intervals

      8:37
    • 88. 14 Make a prototype

      5:19
    • 89. 15 JavaScript Fetch

      6:44
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

224

Students

7

Projects

About This Class

Learn how to apply JavaScrip to web pages

JavaScript for Web Design - Create interactive and dynamic web pages using JavaScript code.

JavaScript lessons cover the fundamentals of using JavaScript

  • Explore how to add JavaScript to your HTML pages

  • how to add Comments JavaScript

  • Output options document write and console log and alert methods

  • Introduction to JavaScript Variables using let const and var

  • Different Data type within JavaScript

  • Coding Challenge - Create User input with Prompt Code JavaScript

  • JavaScript template literals to create strings

  • Coding Challenge - JAVASCRIPT Code Challenge -Prompt Challenge

  • Explore JavaScript Type Conversion and Coercion.

  • Coding Challenge - Get the data type Type Challenge using JavaScript Code

  • What are JavaScript Operators and how to use them

  • What are JavaScript Assignment Operators

  • JavaScript Comparison Operators

  • JavaScript Truthy and Falsey explained

  • JavaScript if else and else if Conditional Statements

  • Coding Challenge - practice JavaScript code learn and explore the code with a challenge to code

  • JavaScript Ternary Operator Conditional (ternary) operator

  • JavaScript Logical Operators Example

  • JavaScript Switch Statement

  • Coding Challenge - Create a Simple Game Switch Friends Challenge with JavaScript

  • Introduction to JavaScript Functions

  • JavaScript Function Expression vs function declaration with examples

  • JavaScript Function Scope explained

  • Example of JavaScript Closures how to create a Closure

  • What is JavaScript Function Recursion with recursion examples

  • Coding Challenge - Explore how you can use JavaScript code to create a fun simple Game - Number Guesser Challenge

  • IIFE (Immediately Invoked Function Expression) JavaScript function

  • ES6 JavaScript New Arrow Functions JavaScript.

  • Explore JavaScript Objects create objects with JavaScript

  • Coding Challenge - Objects around Create a Car Object Challenge

  • Introduction to JavaScript Arrays - create arrays to hold data with JavaScript

  • Do more with Arrays - using Array Methods JavaScript

  • How to create JavaScript Loops - iteration with JavaScript code

  • Array contents loops

  • Create random values using JavaScript Math

  • JavaScript Date object - set and get date values

  • Welcome to JavaScript DOM - Introduction to dynamic and interactive webpage content

  • Select and Element JavaScript DOM

  • How to Select Web Page elements using JavaScript - Element Selectors

  • How to use Element QuerySelectorAll JavaScript DOM element selection methods

  • DOM content updates - JavaScript Manipulation InnerContent

  • How to update Element Attributes - using JavaScript DOM

  • Element Children and Traversing web page elements using JavaScript

  • Element Manipulation Styles

  • How to create Page Elements using JavaScript Code

  • Coding Challenge - Page Element Append Prepend Challenge using JavaScript Code

  • How to Remove an Element from your webpage using JavaScript Code

  • Creating element clones - JavaScript code to duplicate page elements

  • JavaScript Web page interactions - Adding Event Listeners.

  • JavaScript Element Events Bubble and Capture Event Listeners

  • JavaScript Event Listeners for Keyboard Events also on elements keyboard events

  • Coding Challenge - Dynamic Shopping List using JavaScript List Challenge Events

  • JavaScript String and Number methods

  • How to get Random Item From Array - randomize array items select random value

  • Coding Challenge - how to create Random Page Background

  • Load JavaScript once page is loaded DOMContentLoaded document ready

  • Coding Challenge - Element Mover Challenge move webpage elements with JavaScript

  • JavaScript Date, LocalStorage, Prototypes, Fetch requests

The Document Object Model (DOM) is a programming API for HTML and XML documents. It defines the logical structure of documents and the way a document is accessed and manipulated.

With the Document Object Model, programmers can create and build documents, navigate their structure, and add, modify, or delete elements and content. Anything found in an HTML or XML document can be accessed, changed, deleted, or added using the Document Object Model, with a few exceptions - in particular, the DOM interfaces for the internal subset and external subset have not yet been specified.

Meet Your Teacher

Teacher Profile Image

Laurence Svekis

Web technology Instructor

Teacher

Web Design and Web Development Course Author - Teaching over 700,000 students Globally both in person and online.   

I'm here to help you learn, achieve your dreams, come join me on this amazing adventure today
Google Developers Expert - GSuite

Providing Web development courses and digital marketing strategy courses since 2002.

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.

"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990,... See full profile

Related Skills

Technology