Get $1 credit for every $25 spent!

JavaScript Masterclass Bundle

Ending In:
Add to Cart - $39
Add to Cart ($39)
$59
$1,600
Price Drop!
wishlist
(20)

What's Included

Complete Web Developer Course
$200 Value
JavaScript Power Up: 16 Complete Projects from Scratch
$200 Value
JavaScript ES6 Fundamentals 2018
$200 Value
JavaScript Core Concepts
$200 Value
Learn jQuery Fundamentals
$200 Value
JavaScript Objects
$200 Value
Beginner's Guide to Learning JSON with JavaScript
$200 Value
AJAX Information Application
$200 Value

Product Details

Access
Lifetime
Content
35 hours
Lessons
449

Complete Web Developer Course

Build 10 Websites From Scratch to Supercharge Your Portfolio

By Laurence Svekis | in Online Courses

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.

  • Access 449 lectures & 35 hours of content 24/7
  • Build 10 different real-world websites from scratch & supercharge your portfolio
  • Learn HTML, CSS, JavaScript & jQuery
  • Get useful bonus code snippets so you can build websites faster in the future
  • Discover how to think liek a web developer & web designer

Instructor

Providing Smart digital solutions online since 2001, Laurence Svekis is considered a true web technology expert. He has professional experience in a wide range of digital areas, from Search Marketing, Video Marketing, Content creation, User Experience, application architecture, and web programming.

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

  • Learn how to Build Websites
    • 1 Introduction to Course - 7:31
    • 2 How to use this course - 7:49
    • 3 Course resources overview - 6:20
    • 4 Best Web Resources - 7:26
    • 5 Getting your website online - 2:53
    • 6 what is HTML CSS and JavaScript - 5:59
    • 7 Resource List
  • HTML Foundations for building websites
    • 8 Introduction to learning HTML - 2:21
    • 9 Basics of HTML - 7:03
    • 10 How to create a basic HTML template - 11:38
    • 11 Basic HTML template source
    • 12 Headings Paragraphs and Line Breaks Content Structuring - 7:32
    • 13 Adding images into HTML - 5:10
    • 14 Ordered Lists Unordered Lists - 3:51
    • 15 Hyperlinks Relative paths vs Absolute Paths - 8:07
    • 16 Divs and Spans Tel and Mailto - 9:00
    • 17 HTML5 Semantic Elements - 5:14
    • 18 Transfer build content to editor - 2:32
    • 19 HTML page structure
    • 20 How to create HTML forms - 8:24
    • 21 HTML5 Input types - 13:02
    • 22 Additional Form Elements - 4:55
    • 23 Form Resources
    • 24 HTML conclusion - 5:01
  • CSS Foundations for building websites
    • 25 CSS introduction - 2:33
    • 26 CSS selecting elements from HTML - 8:47
    • 27 Working with CSS colors - 5:25
    • 28 CSS Background options - 7:06
    • 29 Adding Fonts - 3:02
    • 30 Pseudo classes and design patterns - 4:47
    • 31 Using the Float property - 5:55
    • 32 Box Model Margins - 9:38
    • 33 Box Model Padding shorthand - 4:20
    • 34 CSS to create a navbar - 9:03
    • 35 Display properties CSS - 3:14
    • 36 CSS overflow handling - 2:39
    • 37 CSS positioning elements - 3:40
    • 38 CSS tweaks and updates - 8:25
    • 39 Media Queries making your website Responsive - 11:05
    • 40 HTML CSS summary - 2:57
    • 41 Source Code
    • 42 CSS Conclusion - 2:09
  • Quick JavaScript for building websites
    • 43 Introduction to JavaScript Overview - 2:11
    • 44 What is JavaScript - 2:22
    • 45 How to add JavaScript in web pages - 5:17
    • 46 Basics of JavaScript Dev Tools How to Comment and more - 10:55
    • 47 Introduction to Variables within JavaScript - 11:05
    • 48 Understanding Variables - 10:50
    • 49 Source Code
    • 50 Arrays and Objects - 8:03
    • 51 Working with Arrays and Objects - 9:25
    • 52 Using and updating array values - 10:53
    • 53 Source Code
    • 54 Introduction to Functions - 7:59
    • 55 Local Global Variables in functions - 3:36
    • 56 Source Code
    • 57 Ternary Comparison - 9:03
    • 58 Conditional Statements - 5:54
    • 59 Switch Statements - 4:55
    • 60 Source Code
    • 61 Introduction to looping - 4:59
    • 62 JavaScript For Loops - 6:43
    • 63 Source Code
    • 64 Introduction to the Document Object Model - 6:13
    • 65 Accessing Page Elements from JavaSCript - 4:29
    • 66 Selecting Elements via JavaScript - 8:44
    • 67 Source Code
    • 68 Updating CSS with JavaScript - 7:27
    • 69 Source Code
    • 70 JavaScript Events - 5:06
    • 71 Event Listeners selecting elements - 9:34
    • 72 Source Code
    • 73 addEventListener More events trigger options - 7:00
    • 74 Source Code
    • 75 What can you do with JavaScript - 3:58
    • 76 JavaScript Overview Conclusion - 2:42
  • Quick jQuery for building websites
    • 77 Introduction to using jQuery - 2:21
    • 78 What is jQuery and why do we use it - 5:12
    • 79 Getting Started with jQuery - 6:17
    • 80 jQuery Selectors - 6:08
    • 81 Each value from mulitple selector elements - 4:06
    • 82 Updating elements via jQuery - 7:11
    • 83 Source Code
    • 84 CSS selectors and jQuery selectors - 2:15
    • 85 Introduction to event binding - 2:33
    • 86 Event Listeners jQuery Mouse Events - 6:39
    • 87 Source Code
    • 88 Keyboard event triggers - 6:08
    • 89 Source Code
    • 90 Resize and Scroll event listeners on window object - 7:06
    • 91 Source Code
    • 92 Finding input values from form jQuery - 6:23
    • 93 jQuery Traversing elements - 7:34
    • 94 Select elements from HTML content - 5:21
    • 95 Source Code
    • 96 jQuery working with CSS - 7:29
    • 97 Source Code
    • 98 Hide and Show page sections - 9:10
    • 99 jQuery effects Fading - 4:03
    • 100 JQuery Sliding Effects - 4:33
    • 101 Source Code
    • 102 jQuery Animate - 10:35
    • 103 Source Code
    • 104 jQuery AJAX made easy JSON and more - 5:32
    • 105 Loading data into HTML via jQuery - 6:44
    • 106 jQuery AJAX get getJSON - 9:21
    • 107 AJAX with jQuery - 9:51
    • 108 Source Code
    • 109 jQuery Conclusion - 2:16
    • 110 Resources
    • 111 using map and each within jQuery - 7:10
    • 112 Source Code
  • Bootstrap 4 Introduction
    • 0 Setup Coding Environment - 2:29
    • 1 Get Bootstrap Setup Template - 7:56
    • 2 Source Code Bootstrap 4
    • 3 Bootstrap Layout Containers - 4:56
    • 4 Introduction to the Grid - 11:57
    • 5 Do more with the Grid - 11:25
    • 6 Jumbotron Bootstrap 4 - 2:48
    • 7 Margins and Padding Bootstrap - 2:30
    • 8 Bootstrap 4 Color Utilities - 2:48
    • 9 Bootstrap 4 Utilities - 7:51
    • 10 Bootstrap 4 Tables - 6:38
    • 11 Bootstrap Images Responsive - 3:40
    • 12 Bootstrap Buttons - 3:03
    • 13 Bootstrap 4 Forms - 9:25
    • 14 Button Grouping Radio and Checkboxes - 5:33
    • 15 Bootstrap 4 Alerts - 2:34
    • 16 Bootstrap 4 Badges - 1:40
    • 17 Bootstrap 4 Progress Bar - 2:59
    • 18 Bootstrap 4 Cards - 6:27
    • 19 Bootstrap List Group - 3:09
    • 20 NavBar Responsive Bootstrap - 9:13
    • 21 Nav List Bootstrap 4 - 2:13
    • 22 Bootstrap 4 Carousel - 8:22
    • 23 Bootstrap Modals - 7:47
  • New Bootstrap 4 Version Single Page Website
    • single page parallax website 4 - 2:16
    • 1 Basic Bootstrap 4 Template Creation - 3:20
    • 2 Create Bootstrap NavBar - 11:08
    • 3 Header Section - 6:30
    • 4 Build Home Section - 7:56
    • 5 About Me Section - 7:41
    • 6 Bootstrap Cards Grid Columns - 7:55
    • 7 Create Contact Form Grid - 7:08
    • 8 Footer and Tweak Page - 3:13
    • 9 Add jQuery Animate - 7:30
    • 10 Project Review - 2:37
  • Build a single Page responsive website
    • 163 Introduction Website 2 - 2:40
    • 164 Create a wireframe of website - 2:23
    • 165 Build HTML page structure in prep for Styling - 8:21
    • 166 Build Navigation Menu and Page Content - 9:54
    • 167 Build HTML tags Nesting of Semantic Elements - 8:48
    • 168 Adding Styling to your webpage - 9:55
    • 169 Linking to Libraries Google Fonts and more - 7:20
    • 170 Sticky Headers Section Styling - 8:37
    • 171 Build a navigation bar with CSS - 6:36
    • 172 Add background images - 7:30
    • 173 Section text rgba - 2:37
    • 174 CSS media for responsive web design - 6:23
    • 175 Update menu to be Responsive on resize - 5:40
    • 176 Introduction to JavaScript and jQuery - 6:52
    • 177 Add Click events create interactions for users - 5:07
    • 178 use jQuery to get pixel position of HTML elements - 6:56
    • 179 Scroll webpage dynamically - 3:45
    • 180 Hide menu when clicked on small screen - 5:11
    • 181 Final Fix of issues completed website - 5:20
    • 182 Source Code
    • 183 Source Code
    • 184 Conclusion website 2 - 2:13
  • Create a quick simple website using HTML and CSS
    • 148 Website 1 Introduction - 2:05
    • 149 HTML and WireFrame - 5:25
    • 150 Build HTML structure - 5:46
    • 151 Source Code
    • 152 Add Placeholder content - 4:21
    • 153 Add Styling to HTML Structure - 6:21
    • 154 How to turn Unorderd List into a Navbar - 9:00
    • 155 Source Code
    • 156 Media Screen Sizes make it responsive - 5:40
    • 157 Responsive Columns - 9:54
    • 158 Clear Floating update sections - 7:20
    • 159 Google Fonts and Customizing - 6:54
    • 160 Source Code HTML
    • 161 Source Code CSS
    • 162 Website 1 Conclusion - 2:14
  • Responsive Website Template
    • 204 Website 4 Introduction Responsive Navbars - 3:10
    • 205 Website Wireframe plan - 5:57
    • 206 Build HTML Structure Layout - 8:40
    • 207 Source Code
    • 208 Floating Elements - 11:36
    • 209 Update header elements - 4:56
    • 210 Build nav menu CSS - 7:20
    • 211 Source Code
    • 212 Margins Padding Logo area update - 9:39
    • 213 Source Code
    • 214 Source Code
    • 215 update styling nav menu updates - 10:08
    • 216 Main wrapper update set selected item in menu - 7:02
    • 217 Use jQuery to get URL page value - 9:00
    • 218 jQuery Dynamic Classes - 5:18
    • 219 Source Code
    • 220 Add web fonts Google Fonts to website - 2:21
    • 221 select page styling - 10:12
    • 222 Images products resize - 8:31
    • 223 Course Summary - 3:58
    • 224 Source Code
    • 225 Source Code
    • 226 Source Code
    • 227 Source Code
    • 228 Website 4 Conclusion - 2:08
  • Two Column Responsive Website Template
    • 229 Website 5 Columns Introduction - 2:01
    • 230 Website Planning Design Sketch - 5:33
    • 231 Building HTML structure - 8:33
    • 232 HTML adding placeholder content - 9:49
    • 233 Source Code
    • 234 Create Stlying for webpage - 9:38
    • 235 CSS source
    • 236 Header positioning with CSS - 8:54
    • 237 Create a Navigation Menu Bar - 9:51
    • 238 Quick Fixes image and nav - 4:19
    • 239 making a 2 column website - 6:31
    • 240 Quick Tweaks of CSS - 4:53
    • 241 Three Column Fat Footer Styling - 6:04
    • 242 Source Code HTMl and CSS
    • 243 Making your website Fully Responsive - 11:10
    • 244 Updating media sizes - 6:14
    • 245 Create additional web pages - 2:17
    • 246 Source Code
    • 247 Source Code
    • 248 Website 5 Conclusion - 1:33
  • Single Page website with Parallax Website
    • 277 Website 7 Parallax Backgrounds Introduction - 3:14
    • 278 Create Wireframe of Website - 6:08
    • 279 HTML structure create Navmenu - 5:28
    • 280 Creating HTML sections - 5:08
    • 281 Source Code
    • 282 Placeholder content - 3:19
    • 283 Apply CSS to HTML - 4:26
    • 284 How to create a Navbar from UL - 8:08
    • 285 Full page size sections and background defaults - 6:06
    • 286 Add background images - 4:46
    • 287 Make your text standout - 5:00
    • 288 Tweaking the navbar for responsive effects - 8:02
    • 289 Responsive Updates and Fixes - 8:23
    • 290 Navbar for small screens - 3:25
    • 291 Adding Footer and updating sections - 7:36
    • 292 Source Code
    • 293 Adding jQuery create event triggers - 7:09
    • 294 jQuery binding window events - 3:12
    • 295 Adding icon library - 2:33
    • 296 Animate Scrolling with jQuery - 8:31
    • 297 Slidemenu up jQuery - 3:07
    • 298 Add Parallax effect - 6:37
    • 299 Create a Contact Form - 9:56
    • 300 Single Page Parallax site summary - 3:14
    • 301 Source Code
    • 302 Source Code CSS
    • 303 Resources
    • 304 Website 7 Conclusion - 2:09
  • Single Page Carousel Control Website
    • 305 Website 8 Introduction - 2:07
    • 306 Web Design Planning wireframe outline - 2:37
    • 307 Web Design HTML structure - 7:48
    • 308 Adding placeholder design content - 7:45
    • 309 Setup Content Sections 100% - 7:59
    • 310 Position Navbar - 5:35
    • 311 Create floating navbar indicators - 8:25
    • 312 Source Code
    • 313 Quick introduction to jQuery - 3:10
    • 314 jQuery to select elements with hash - 9:25
    • 315 Animate Scroll jQuery - 6:53
    • 316 jQuery Scroll window and mapping of section info - 9:11
    • 317 Calculate which section the window is currently in - 6:52
    • 318 Change calls to active on scroll - 6:37
    • 319 HTML jQuery
    • 320 Source Code CSS
    • 321 website tweaks - 3:24
    • 322 Making it responsive - 8:47
    • 323 Update section content - 4:10
    • 324 Pseudo Elements setup sections - 6:04
    • 325 Final adjustments on design - 6:40
    • 326 Source Code Conclusion - 2:03
    • 327 Source Code
    • 328 Website 8 Conclusion - 2:11
  • Multiple Page website from scratch with active class
    • 329 Website 9 Introduction mutiple page multiple column - 2:47
    • 330 Website Planning wireframe design - 6:49
    • 331 Create parent elements HTML structure - 6:57
    • 332 Add resources and dummy placeholder content - 4:33
    • 333 Apply Styling to HTML top level elements - 5:33
    • 334 Navbar setup and styling - 12:00
    • 335 Creating a content wrapper - 2:40
    • 336 Creating a header - 3:05
    • 337 Source Code
    • 338 Setting up sections sidebar and footer - 7:03
    • 339 CSS tweaks and fixes - 4:51
    • 340 Add media queries make it responsive - 7:27
    • 341 Add additional media queries - 4:20
    • 342 Source Code
    • 343 Setup responsive navbar - 5:11
    • 344 Setup menu for toggle of class - 3:20
    • 345 Source Code
    • 346 Add jQuery event trigger - 8:02
    • 347 Source Code
    • 348 Setting classes on the fly - 11:46
    • 349 Page Tweaks and options - 4:55
    • 350 Source Code
    • 351 Create additional pages for website - 8:18
    • 352 update contact form - 6:19
    • 353 Source Code
    • 354 Website 9 Conclusion - 2:00
  • Single Page Bottom Menu website
    • 355 Introduction website 10 HTML CSS jQuery together - 2:28
    • 356 Wireframe planning of website - 4:53
    • 357 Web Design HTML Page structure - 6:14
    • 358 Add placeholder content to prepare for stlying - 5:19
    • 359 Setup CSS defaults - 3:58
    • 360 Create a sticky Footer position it at the bottom - 4:36
    • 361 Source Code
    • 362 Navbar coding options for styling - 9:32
    • 363 Navbar code
    • 364 Add styling to sections - 8:35
    • 365 Source Code
    • 366 Add section background covers - 6:49
    • 367 Image tweaks and adjustments to CSS - 6:55
    • 368 Header update style - 4:39
    • 369 Contact form styling - 7:31
    • 370 HTML CSS Source Code
    • 371 Add jQuery to website - 4:19
    • 372 Animate scrolling of webpage - 6:53
    • 373 update classes on scroll - 9:44
    • 374 Source Code jQuery
    • 375 Google Fonts and Background shadows - 6:27
    • 376 How to add social icons - 5:55
    • 377 Resources to update CSS and customize - 6:41
    • 378 Final Updates - 3:45
    • 379 Source Code
    • 380 Website 10 Conclusion - 2:02
  • Quick Website Development Sample Site
    • 0 Setup Editor - 2:14
    • 1 Quick Start Bootstrap - 5:51
    • 2 Page Quick Design - 5:02
    • 3 Splash Page Introduction - 4:28
    • 4 Bootstrap 4 NavBar - 8:04
    • 5 Bootstrap Grid - 5:29
    • 6 Bootstrap 4 Cards - 4:13
    • 8 Customize CSS - 6:57
    • 9 Bootstrap 4 Utilities - 5:14
    • 10 Bootstrap 4 Card options - 8:03
    • 11 Website Overview - 4:37
    • 12 Footer Sizing Spacing - 7:08
  • Making a Contact form
    • 381 Introduction to making a contact form - 3:58
    • 382 Create HTML Bootstrap structure - 6:52
    • 383 Create form structure - 8:57
    • 384 Add PHP session holder - 9:18
    • 385 Source Code
    • 386 PHP Get Post Data - 11:28
    • 387 AnitSpam Check using PHP - 5:21
    • 388 PHP send Email - 7:03
    • 389 Upload file and send email to email address - 4:31
    • 390 PHP form Fixes - 2:04
    • 391 Source Code
    • 392 jQuery Form Check setup - 4:17
    • 393 jQuery Toggle Error messages - 10:01
    • 394 Web Contact Form live Test - 2:49
    • 395 Web Contact Form Tweaks and Adjustments - 5:42
    • 396 Source Code
  • Code Snippets in Action Just Useful code for web development
    • 397 Code Snippets Introduction - 2:25
    • 398 Popup Images using JavaScript - 8:46
    • 399 Source Code
    • 400 Mouse Event Listeners JavaScript - 10:32
    • 401 Source Code
  • Conclusion & resources
    • 402 Complete Websites Conclusion - 3:35
  • Bootstrap 3 Content
    • 113 Introduction to using Bootstrap - 2:04
    • 114 What is Bootstrap and how do you use it - 11:48
    • 115 Bootstrap Containers - 6:26
    • 116 Source Code
    • 117 Bootstrap Grid System - 10:22
    • 118 Grid Source Code
    • 119 How to practice and learn the Bootstrap Grid - 4:20
    • 120 Bootstrap Containers Jumbotron - 6:14
    • 121 Bootstrap typography - 5:54
    • 122 Typography Source Code
    • 123 Amazing Bootstrap Table stlying options - 8:51
    • 124 Table Source Code
    • 125 Bootstrap Form inputs - 8:58
    • 126 Button options with Bootstrap - 11:23
    • 127 Button Source Code
    • 128 Typography options - 3:43
    • 129 Source Code
    • 130 Bootstrap images and alignments - 6:29
    • 131 Image Source Code
    • 132 Bootstrap Alerts - 8:48
    • 133 Alerts Source Code
    • 134 Bootstrap Navbar - 8:05
    • 135 Responsive Navbar Bootstrap - 9:36
    • 136 Navbar Source Code
    • 137 Carousel image slider with Bootstrap - 12:40
    • 138 Bootstrap Carousel indicators - 3:27
    • 139 Carousel Source Code
    • 140 Buidling a modal within Bootstrap - 9:38
    • 141 Creating a Modal Complete - 2:37
    • 142 Modal Source Code
    • 143 Bootstrap Utility classes - 6:41
    • 144 Source Code
    • 145 Bootstrap Conclusion Resources - 4:06
    • 146 Resources
    • 147 Conclusion to Bootstrap Section - 2:41
  • Bootstrap Template from Scratch
    • 185 Website 3 Bootstrap introduction - 2:36
    • 186 Website Structure - 7:05
    • 187 Source Code
    • 188 Add styling to sections - 4:59
    • 189 Building a navigation menu - 7:27
    • 190 Navbar with Bootstrap easy - 2:07
    • 191 Source Code
    • 192 Adding Buttons to elements - 7:55
    • 193 Rows cols images made responsive - 8:08
    • 194 Contact form using Bootstrap for styling - 9:23
    • 195 Add background images - 7:27
    • 196 jQuery Scrolling Effect - 5:24
    • 197 Source Code
    • 198 Adding modals - 7:11
    • 199 Course Summary - 3:17
    • 200 Source Code
    • 201 Source Code
    • 202 Source Code
    • 203 Website 3 Conclusion - 2:53
  • Simple Bootstrap Menu website
    • 249 Website 6 Introduction to Bootstrap Navbars - 2:02
    • 250 Website Planning - 5:04
    • 251 Building HTML page Structure - 10:40
    • 252 adding Bootstrap to a website - 5:09
    • 253 Adding placeholder content - 2:20
    • 254 Source Code HTML
    • 255 Adding Default Styling - 6:30
    • 256 Update Logo Slogan section - 5:57
    • 257 Create a Navbar with Active element - 7:07
    • 258 Index Page welcome message - 9:29
    • 259 Source Code
    • 260 Create a two column content area - 3:49
    • 261 Create Footer Element - 2:27
    • 262 Make it responsive - 3:34
    • 263 Setting up font awesome - 4:27
    • 264 Update navbar to be responsive - 4:05
    • 265 JavaScript to Hide and Show Elements - 5:48
    • 266 Source Navbar 1
    • 267 Create another responsive Navbar - 11:59
    • 268 Source Navbar 2
    • 269 How to add Bootstrap JavaScript Library - 3:19
    • 270 Add Bootstrap Menu NavBar - 8:45
    • 271 Bootstrap Menu Navbar - 5:56
    • 272 Source Navbar Bootstrap
    • 273 Create website pages - 4:33
    • 274 Online Code Editor - 2:03
    • 275 Links and Resources
    • 276 Website 6 Conclusion - 1:34

View Full Curriculum

Access
Lifetime
Content
38 hours
Lessons
480

JavaScript Power Up: 16 Complete Projects from Scratch

Learn How to Create Dynamic & Interactive Content with JavaScript

By Laurence Svekis | in Online Courses

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.

  • Access 480 lectures & 38 hours of content 24/7
  • Cover variables, arrays, objects, Document Object Model basics, & more
  • Interact w/ web elements
  • Explore how JSON & AJAX work together and how you can use them to build dynamic applications
  • Supercharge your portfolio w/ 16 unique projects

Instructor

Providing Smart digital solutions online since 2001, Laurence Svekis is considered a true web technology expert. He has professional experience in a wide range of digital areas, from Search Marketing, Video Marketing, Content creation, User Experience, application architecture, and web programming.

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
    • 2 Course Resources Setup and tools - 5:59
    • 3 JavaScript Objects - 4:12
    • 4 Create Object Array JSON file - 6:32
    • 5 JSON Parse Data into Object JavaScript - 5:00
    • 6 Source Code
    • 7 Use AJAX to get JSON data into JavaScript Object - 10:07
    • 8 Source Code
    • 9 Build Questions display in HTML - 8:54
    • 10 Bootstrap styling of quiz - 10:46
    • 11 Move Between Questions - 8:29
    • 12 JavaScript addEventListener - 5:06
    • 13 innerText Value check - 3:49
    • 14 Selecting CLases Toggling Classes in elements - 8:07
    • 15 Save Selection - 4:33
    • 16 Movement between questions completion of quiz - 8:18
    • 17 Dynamic Quiz add new questions - 5:43
    • 18 Hide show next and previous buttons - 6:04
    • 19 Create Score Card for Quiz - 10:29
    • 20 Finish Project - JavaScript Dynamic Quiz from Scratch - 4:45
    • 20 Source Code
  • Project #5 Project JavaScript BlackJack Game from Scratch
    • 1 JavaScript game introduction - 4:29
    • 2 Course intro Resources - 2:35
    • 3 JavaScript Creating Random Numbers - 4:25
    • 4 Creating a deck of Cards JavaScript - 5:00
    • 5 Source Code
    • 6 Output special Characters JavaScript HTML CSS - 3:07
    • 7 Adding Color to Characters ternary operator JavaScript - 4:56
    • 8 Source Code
    • 9 How to generate a random card value using JavaScript - 8:41
    • 10 Source Code
    • 11 Creating a game Start JavaScript - 3:06
    • 12 Shuffle Array values random order JavaScript - 6:54
    • 13 Deal the cards setup player and dealer JavaScript Loop - 8:05
    • 14 Output Dealer and Players Hand of cards JavaScript - 5:36
    • 15 Source Code
    • 16 Template for a Card CSS - 7:48
    • 17 Using CSS to create a playing card - 7:20
    • 18 Output Styled Cards into Gameplay JavaScript CSS - 7:37
    • 19 Source Code
    • 20 CSS JavaScript Cover Dealer Card - 5:31
    • 21 Adding gameplay elements HTML - 11:17
    • 22 Applying Styling CSS to buttons and updating game elements - 9:57
    • 23 Hide buttons start game JavaScript - 3:08
    • 24 Source Code
    • 25 Create next options for player JavaScript - 8:30
    • 26 Player actions JavaScript - 5:53
    • 27 Create player values and interactions JavaScript - 11:47
    • 28 Dealer AI JavaScript play the game - 9:42
    • 29 Blackjack values and calculations JavaScript - 6:34
    • 30 Determine who won adjust values JavaScript - 10:09
    • 31 Source Code
    • 32 Gameplay adjustments and tweaks JavaScript - 7:07
    • 33 User styling and dashboard design CSS HTML - 4:55
    • 34 Setting click event JavaScript - 3:03
    • 35 Limit min max for input field values JavaScript onchange event - 3:09
    • 36 Fix button tweak double JavaScript - 6:39
    • 37 Testing and tweaks to debug application JavaScript - 9:57
    • 38 Final test run through of gameplay - 4:03
    • 39 Game instructions and game play outline - 4:09
    • 40 Clean up source code final tweaks JavaScript - 7:17
    • 41 Source Code
    • 42 CSS review code - 3:31
    • 43 Source Code
    • 44 JavaScript code review part 1 - 10:52
    • 45 JavaScript Code review part 2 - 5:55
    • 46 Source Code
  • Project #6 Dynamic Shopping Cart using JavaScript
    • 1 Introduction to building a shopping cart from scratch - 5:18
    • 2 Course Resources and Links - 4:38
    • 3 Setup Basic HTML template and source links - 5:20
    • 4 Source Code
    • 5 Create Product add event listener - 7:43
    • 6 Use data attributes to pass values to jQuery - 8:35
    • 7 Source Code Event listeners
    • 8 Update add more products - 6:39
    • 9 Create Shopping cart object array - 4:19
    • 10 Loop Through Items in the array jQuery - 4:55
    • 11 Add items increase quantity in the shopping cart - 5:26
    • 12 Add session storage and parse JSON - 9:09
    • 13 Use Session Storage to update array object values - 3:49
    • 14 Create Shopping Cart output - 6:17
    • 15 How to Display Cart items and totals - 6:34
    • 16 Output dollars in currency format - 3:17
    • 17 Source Code Shopping Cart
    • 18 UX add Bootstrap classes - 8:19
    • 19 Shopping cart dialog window popup - 7:48
    • 20 Create a bootstrap table - 4:24
    • 21 Bootstrap 4 Tables - 6:45
    • 22 Add Checkout Buttons - 3:23
    • 23 Add Bootstrap Grid - 10:40
    • 24 Add Cards update Bootstrap styled items - 3:43
    • 25 Add Bootstrap NavBar - 8:19
    • 26 More Bootstrap Styling - 3:37
    • 27 Create Page Footer - 2:41
    • 28 Source Code Products
    • 29 Create Checkout page - 7:08
    • 30 Create Paypal Checkout Form - 9:37
    • 31 Adding event listeners update quantity - 6:54
    • 32 Tweaking output quantities - 5:07
    • 33 Complete Shopping Cart Checkout to Paypal - 6:01
    • 34 Source Code Checkout to Paypal
    • 35 Create Mulitple page website - 4:37
    • 36 Create About.html page - 3:21
    • 37 Source Code About.html
    • 38 Create Index.html Carousel - 9:51
    • 39 Source Code index
    • 40 Overview products.html - 3:22
    • 41 Source Code products page
    • 42 Source Code CSS
    • 43 Summary overview of JavaScript - 7:26
    • 44 Source Code JavaScript
    • 45 Course Resources
    • 46 Update intro and thanks - 1:46
    • 47 Shopping Cart Updates - 2:11
    • 48 Adding Remove button making event listener - 6:04
    • 49 remove object from array - 5:53
    • 50 Update Checkout of shopping cart - 5:58
    • 51 Checkout Zero Quantity Remove - 8:27
  • Project #7 JavaScript Game Exercise - Wild West Shootout Game Practice
    • Project Introduction Video - 0:24
    • 0 Game Exercise Introduction - 1:26
    • 1 Developer Setup Resources - 2:31
    • 2 HTML Page Structure Planning - 3:40
    • 3 JavaScript Event Listeners - 5:24
    • 4 Create a Game Board - 4:55
    • 5 Style your Game - 7:25
    • 6 Create More Elements JavaScript - 4:44
    • 7 JavaScript Hide and Show Elements - 6:59
    • 8 Ready Set Action JavaScript - 3:22
    • 9 Gameplay Tweaks and Updates - 5:08
    • 10 Game Exercise Overview - 5:23
    • Resources and Source Code
  • Project #8 JavaScript Exercise - Tank Shooter Game from Scratch
    • 0 JavaScript Exercise Game Introduction - 2:02
    • 1 Web development setup - 4:32
    • 2 HTML CSS page Setup - 2:41
    • 3 Add Style and Elements HTML - 13:37
    • 4 JavaScript Start the Game - 5:38
    • 5 Play the Game JavaScript - 3:40
    • 6 Create a Tank CSS - 4:22
    • 6 JavaScript Math CSS trasnform explained - 3:55
    • 7 Move along with Mouse - 7:40
    • 8 JavaScript Move Turret - 3:38
    • 9 Shooter Bullets Create Elements JavaScript - 10:10
    • 10 Remove elements from document JavaScript - 3:43
    • 11 Setup Bad Guys JavaScript - 17:29
    • 12 Moving Elements JavaScript Game - 7:23
    • 13 JavaScript Element Collision detection - 8:01
    • 14 Detect Collision with Player and Enemy - 4:49
    • 15 Update Stats Dashboard values - 3:21
    • 16 Game Over Function JavaScript - 5:48
    • 17 Color the elements randomly JavaScript - 3:42
    • 18 Blast the Bad Guys JavaScript - 4:53
    • 19 Game Tweaks and bug fixes - 2:41
    • 20 Source Code Game Review - 10:26
    • Source Code and Resources
  • Project #9 JavaScript Draw on HTML5 Canvas Element
    • Project Introduction Video - 1:11
    • 0 JavaScript Canvas Draw Introduction - 1:43
    • 0 Setup Developer Environment - 2:29
    • 1 Setup HTML Container - 6:29
    • 2 Connect to Canvas JavaScript - 3:28
    • 3 Canvas setup Draw values - 2:39
    • 4 Interactive Content Events - 4:44
    • 5 Ready set Draw - 3:43
    • 6 Draw on Canvas JavaScript - 3:56
    • 7 Save your Canvas Drawing - 2:54
    • 8 Create Click save to computer - 4:05
    • 9 HTML5 Canvas Drawing Overview - 5:21
    • Source Code and resources
  • Project #10 JavaScript Exercise Countdown Timer
    • Project Introduction Video - 1:07
    • 0 JavaScript Countdown Timer Exercise - 2:17
    • 1 Setup HTML - 7:35
    • 2 Styling for Countdown - 5:36
    • 3 JavaScript Countdown Variables - 6:02
    • 4 Event Listeners JavaScript - 4:10
    • 5 Starting the Clock JavaScript - 4:21
    • 6 Get Time Remaining - 6:38
    • 7 Update HTML elements JavaScript - 5:09
    • 8 Save Timer to LocalStorage - 4:04
    • 9 JavaScript Exercise Code Review - 6:47
    • Source Code and Resources
  • Project #11 Car Racer JavaScript Game Exercise Vanilla JavaScript
    • Project Introduction Video - 1:08
    • 0 Car Racer Introduction - 2:48
    • 1 New JavaScript Racer Game Exercise - 3:45
    • 2 HTML setup container - 2:41
    • 3 CSS setup styling - 4:48
    • 4 JavaScript Element Selection - 6:16
    • 5 JavaScript Event Listeners - 5:14
    • 6 Setup Player Car and Start Functions - 6:27
    • 7 JavaScript Road Building - 5:06
    • 8 Interaction with Keyboard - 11:59
    • 9 Update Dashboard Values - 5:30
    • 10 Moving Road JavaScript - 6:10
    • 11 Tweak moving road Side move - 7:16
    • 12 Keep player on the road - 7:32
    • 13 Adding other Cars - 10:18
    • 14 Making other cars move - 7:02
    • 18 Car hit Car Check - 4:17
    • 15 Element Overlap Detection - 8:59
    • 16 Crash Checker JavaScript Collide - 3:43
    • 17 Game Over Init - 2:59
    • 19 Game Over Play - 6:01
    • 20 Restart Game - 4:12
    • 21 Code Review and Overview - 10:49
    • Source Code and Resources
  • Project #12 JavaScript - Breakout Game Exercise
    • 0 JavaScript Breakout Introduction - 2:30
    • 1 Page Setup - 7:49
    • 2 Interactive with JavaScript - 4:04
    • 3 JavaScript Functionality - 7:30
    • 4 StartGame Animations JavaScript - 4:55
    • 5 JavaScript Get Moving - 5:20
    • 6 Bouncing Ball JavaScript - 10:20
    • 7 Detect Collision JavaScript - 8:16
    • 8 Paddle Ball Hits JavaScript - 4:08
    • 9 Tweak gameplay - 5:46
    • 10 Bring the Bricks - 11:19
    • 11 Brick Detection and Hits - 5:15
    • 12 Tweak and Tune our Code - 7:50
    • 13 Updates to Game Play - 3:20
    • 14 Code Review - 9:41
    • Source Code 1
    • Source Code 2
    • Source Code 3
    • Source Code 4
    • Source Code 5
  • Project #13 JavaScript Game Exercise built from scratch Catch Objects
    • Game introduction video - 1:11
    • 0 JavaScript Mini Game - 2:37
    • 1 JavaScript Page Setup - 1:59
    • 2 JavaScript AnimationFrame - 5:21
    • 2 Source Code
    • 3 JavaScript cancelAnimationFrame - 7:29
    • 4 Begin Game JavaScript - 9:10
    • 5 JavaScript Interactive - 8:10
    • 6 Code Tweak - 2:52
    • 6 Source Code
    • 7 Get moving JavaScript - 10:16
    • 8 Collision Detection Elements - 8:27
    • 9 Bring on the BadGuys - 8:57
    • 9 Source Code
    • 10 Tweak BadGuys JavaScript - 8:51
    • 10 Source Code
    • 11 GamePlay in Action - 5:42
    • 12 Start the Game Tweaks - 13:03
    • 12 Source Code
    • 13 Final Code Review - 10:58
    • 14 Source Code
  • Project #14 JavaScript Exercise - Target Blaster Game from Scratch
    • Project Promo Video - 1:09
    • 00 JavaScript Exercise Introduction - 2:07
    • 01 Development Environment Setup - 2:53
    • 02 Event Handlers JavaScript - 4:25
    • 03 JavaScript Create Elements - 14:40
    • 04 JavaScript Animation Frames - 8:39
    • 1 Game Setup Code - 6:47
    • 2 Bring in JavaScript - 6:46
    • 3 Add Element Updates - 2:43
    • 4 StartGame Play Animation Frame - 6:47
    • 5 Collision Detection - 11:04
    • 6 Create Targets Dynamically - 11:18
    • 7 Add random Icon images - 5:02
    • 8 Tweaks and Updates to Targets - 19:02
    • 9 Fire at Targets - 8:18
    • 10 Game Over Message - 6:41
    • 11 Target Movement updates - 4:36
    • 12 Adding hazards - 5:21
    • 13 Have a blast more Stuff - 14:12
    • 14 Source Code Review - 13:33
    • Source Code and Resources
  • Project #15 AJAX API exercises JavaScript Trivia web application
    • Project Promo Video - 0:02
    • 00 Introduction to working with AJAX NOi - 1:51
    • Web development setup - 4:11
    • 1 Page Setup - 3:34
    • 2 Make Request Callback - 3:28
    • 3 Get API content - 4:18
    • 4 Output Question format - 4:58
    • 5 Build Buttons - 6:19
    • 6 JavaScript Dynamically Build Elements - 4:25
    • 7 Tweak Quiz and add Scoring - 6:05
    • 8 Show correct answer - 6:59
    • 9 More fun with APIs - 7:10
    • 10 AJAX conclusion - 2:40
    • Source Code and resource
  • Project #16 JavaScript Exercise Local Storage Task List
    • Project Promo Video - 1:11
    • 00 Local Storage Exercise introduction - 1:49
    • 0 Setup Developer Environment - 2:29
    • 1 HTML CSS page Setup - 3:54
    • 2 JavaScript DOM Element Selection - 8:24
    • 3 JavaScript Add a Task - 7:52
    • 4 JavaScript Map array - 8:43
    • 5 JavaScript Toggle Class - 10:33
    • 6 Bring on the LocalStorage - 5:52
    • 7 Remove from Array JavaScript - 7:23
    • 8 Code Review and Overview - 6:17
    • 9 HTML5 Canvas Drawing Overview - 5:21
    • Source Code and Resources

View Full Curriculum

Access
Lifetime
Content
3 hours
Lessons
58

JavaScript ES6 Fundamentals 2018

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

By Laurence Svekis | in Online Courses

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.

  • Access 58 lectures & 3 hours of content 24/7
  • Learn how to write JavaScript basics
  • Explore functions & the new arrow function syntax
  • Cover arrays, objects, conditions, operators, & more
  • Fetch & connect to web APIs

Instructor

Providing Smart digital solutions online since 2001, Laurence Svekis is considered a true web technology expert. He has professional experience in a wide range of digital areas, from Search Marketing, Video Marketing, Content creation, User Experience, application architecture, and web programming.

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 learning JavaScript
    • 0 Introduction to JavaScript Fundamentals - 4:17
    • 1 JavaScript Fundamentals Introduction - 5:14
    • 2 Page Setup Add JavaScript - 5:03
    • 3 First JavaScript Alerts and Prompts - 7:19
    • 4 JavaScript Variables - 6:09
    • 5 Let and Const Variables - 5:59
    • 6 JavaScript Data Types - 8:40
    • Source Code 6
    • 7 const and let scope - 10:52
    • 8 DataTypes expressions Questions - 5:01
    • 9 JavaScript Objects - 5:33
    • 10 More Objects Document - 5:26
    • Source Code 10
  • JavaScript Syntax
    • 11 JavaScript Arrays - 6:39
    • 12 JavaScript Array Methods - 14:07
    • Source Code 12
    • 13 JavaScript Operators - 8:40
    • Source Code 13
    • 14 Deconstructing unpacking values - 2:49
    • Source Code 14
  • JavaScript Functions
    • 15 JavaScript Functions - 6:57
    • 16 Working with JavaScript Functions - 7:41
    • 17 Default Parameters JavaScript Functions - 4:54
    • Source Code 17
    • 18 Arrow JavaScript Functions - 5:30
    • Source Code 18
    • 19 JavaScript Functions Arguments - 4:08
    • 20 Objects JavaScript Functions - 3:41
    • Source Code 20
  • Logic and Conditions within JavaScript
    • 20 Objects JavaScript Functions - 3:41
    • Source Code 20
    • 21 JavaScript Conditions - 4:40
    • Source Code 21
    • 22 More JavaScript Conditions - 5:34
    • 23 Ternary Operator JavaScript Conditions - 4:47
    • Source Code 23
  • Amazing JavaScript
    • 24 JavaScript Loops - 5:15
    • Source Code 24
    • 25 JavaScript For Loops - 6:32
    • 26 JavaScript More Loops - 2:37
    • Source Code 26
  • JavaScript Map
    • 27 JavaScript Map object - 3:37
    • 28 Do More with JavaScript Map object - 9:13
    • Source Code 28
    • 29 Code cleanup Map to HTML - 2:50
    • Source Code 29
    • 30 Map set and get - 8:48
    • Source Code 30
    • 31 JavaScript Set Object - 4:40
    • Source Code 31
  • JavaScript Fetch
    • 31 JavaScript Set Object - 4:40
    • 32 JavaScript Fetch - 8:29
    • 33 JavaScript Fetch Get Data - 4:00
    • Source Code 33
    • 34 JavaScript ES6 Fetch - 3:36
  • Conclusion
    • 35 Course Overview - 7:13
    • Resources
    • ES6 (1)

View Full Curriculum

Access
Lifetime
Content
3 hours
Lessons
45

JavaScript Core Concepts

Cover the Basics of JavaScript

By Laurence Svekis | in Online Courses

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.

  • Access 45 lectures & 3 hours of content 24/7
  • Explore JavaScript basics & data types
  • Use variables to hold data
  • Cover JavaScript operators, assignment syntax, objects, & arrays
  • Learn about conditions, loops, document object, & more

Instructor

Providing Smart digital solutions online since 2001, Laurence Svekis is considered a true web technology expert. He has professional experience in a wide range of digital areas, from Search Marketing, Video Marketing, Content creation, User Experience, application architecture, and web programming.

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
    • 0 JavaScript Course introduction - 2:31
    • 1 Welcome to JavaScript - 5:54
    • 2 Write JavaScript - 10:48
    • 3 Update HTML element - 11:28
    • 4 JavaScript Code - 5:49
    • 5 JavaScript Variables - 8:16
    • 6 JavaScript Variables in Action - 8:19
    • 7 Try it Exercise 1 - 1:57
    • 8 Operators and Assignments - 7:49
    • 9 JavaScript Functions - 6:57
    • 10 Exercise 2 Function - 5:14
    • 11 Closer look at functions - 4:18
    • 12 JavaScript Objects - 7:30
    • 13 Exercise 3 Objects - 1:56
    • 14 JavaScript Arrays - 7:05
    • 15 Array Methods - 7:41
    • 16 Condition Statements JavaScript - 5:02
    • 17 Combine with Functions - 3:53
    • 18 JavaScript Switch - 4:29
    • 19 JavaScript Loops - 7:09
    • 20 JavaScript String Methods - 6:58
    • 21 Let and Const - 4:08
    • 22 Document Object Model - 5:40
    • 23 Eventlisteners JavaScript - 2:17
    • 24 Event Checker Exercise - 7:31
    • Resources
  • JavaScript DOM - Interactive and Dynamic JavaScript
    • 0 DOM Course Introduction - 2:40
    • 1 JavaScript DOM Dev Setup - 3:29
    • 2 What is the DOM - 4:15
    • 3 DOM Manipulation - 8:20
    • 4 JavaScript DOM Selection - 7:00
    • 5 Element Text Manipulation - 5:47
    • 6 Change Classes DOM 2 - 6:10
    • 7 Change Styles DOM 2 - 6:08
    • 8 Element Attribute Manipulation2 - 7:08
    • 9 Interactive DOM Events 2 - 3:13
    • 10 Select Multiple Elements - 5:36
    • 11 KeyPress Events - 5:03
    • 12 Mouse Events - 2:42
    • 13 Create your own Elements - 5:04
    • 14 Event listeners to New elements - 3:42
    • 15 Create Dynamic List - 5:13
    • 16 Input add new Element - 3:38
    • 17 Bonus Adding Object Value - 2:41
    • Source Code and resources

View Full Curriculum

Access
Lifetime
Content
1 hours
Lessons
24

Learn jQuery Fundamentals

Get Started with JavaScript's Most Popular Library

By Laurence Svekis | in Online Courses

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.

  • Access 24 lectures & 1 hour of content 24/7
  • Discover how to write jQuery basics
  • Learn how to select elements to apply manipulations
  • Apply style & classes and add effects to elements
  • Make your webpages come to life w/ animations & effects
  • Create interactions w/ your page using event listeners

Instructor

Providing Smart digital solutions online since 2001, Laurence Svekis is considered a true web technology expert. He has professional experience in a wide range of digital areas, from Search Marketing, Video Marketing, Content creation, User Experience, application architecture, and web programming.

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 jQuery
    • 0 jQuery Course Introduction - 2:36
    • 1 Getting started with jQuery - 3:03
    • 2 Why jQuery and What is it - 5:06
    • 3 Selecting with jQuery - 4:09
    • 4 jQuery Fun with Styling - 5:44
    • 5 jQuery Content - 3:55
    • 6 jQuery Attributes - 5:54
    • 7 Image and Form Attributes - 5:55
    • 8 jQuery Click Events - 4:26
    • 9 Document Ready Event Listener - 3:29
    • 10 jQuery Mouse Events - 3:05
    • 11 Keyboard Events jQuery - 6:22
    • 12 jQuery On Event listener - 3:09
    • 13 jQuery Effects Hide Show - 2:51
    • 14 jQuery Fade Effect - 5:13
    • 15 jQuery Slide Effect - 1:47
    • 16 jQuery Animate Effect - 4:58
    • 17 jQuery AJAX - 3:28
    • 18 Load and CORS error - 2:49
    • 19 AJAX and Form data - 5:55
    • 20 Multiple Items in response output - 3:52
    • 21 Select Element - 3:22
    • 22 Course jQuery Exercise - 7:37
    • Source Code

View Full Curriculum

Access
Lifetime
Content
1 hours
Lessons
15

JavaScript Objects

Explore Ways to Utilize Data Using JavaScript Objects

By Laurence Svekis | in Online Courses

This step-by-step course covers the use of Objects in JavaScript so you can get coding with them fast. You'll get the source code and everything you need to get started included in the course.

  • Access 15 lectures & 1 hour of content 24/7
  • Learn how to use JavaScript objects
  • Discover how to add data & how objects contain values
  • Create object constructors
  • Explore the difference between Dot notation & Bracket notation

Instructor

Providing Smart digital solutions online since 2001, Laurence Svekis is considered a true web technology expert. He has professional experience in a wide range of digital areas, from Search Marketing, Video Marketing, Content creation, User Experience, application architecture, and web programming.

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 objects
    • 0 JavaScript Objects Introduction - 2:43
    • 0 Web development Setup - 3:39
    • 1 Introduction to JavaScript Objects - 6:38
    • 2 JavaScript Object Literals - 5:24
    • 3 JavaScript Object Constructor - 4:48
    • 4 JavaScript Object in Action - 4:26
    • 5 Dot notation vs Bracket Notation - 4:57
    • 6 Object this JavaScript - 6:07
    • 7 JavaScript Object Constructor - 10:30
    • 8 JavaScript ES6 Class Object - 5:34
    • 9 JavaScript Objects Arrays - 8:36
    • 10 Delete Object Properties - 2:33
    • 11 Object Keys and Values - 4:35
    • 12 JSON methods Objects - 3:13
    • Source Code

View Full Curriculum

Access
Lifetime
Content
4 hours
Lessons
44

Beginner's Guide to Learning JSON with JavaScript

Explore the Data Exchange Format That Rules Today's Internet

By Laurence Svekis | in Online Courses

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.

  • Access 44 lectures & 4 hours of content 24/7
  • Discuss JavaScript data types
  • Learn how to write JSON data & add values into a JSON object
  • Access JSON data & bring it into JavaScript
  • Add JSON to local storage
  • Connect to a web API & retrieve JSON data from it
  • Explore different methods of working w/ JSON data

Instructor

Providing Smart digital solutions online since 2001, Laurence Svekis is considered a true web technology expert. He has professional experience in a wide range of digital areas, from Search Marketing, Video Marketing, Content creation, User Experience, application architecture, and web programming.

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 learning JSON
    • 0 Introduction to Course JSON - 5:57
    • 1 Introduction to JSON - 5:33
    • 2 JavaScript Objects - 7:45
    • 3 JSON Objects - 6:26
    • 4 JSON stringify and Parse - 7:21
    • 5 Store to Local Storage - 9:12
    • 6 Storage Exercise - 5:15
    • 7 Output JSON data API - 7:26
    • 8 JavaScript Fetch JSON - 3:02
    • 9 JSON AJAX API content to HTML - 4:57
    • 10 API handle Multiple results - 6:50
    • 11 Using JavaScript Map to output values - 3:59
    • 12 Value to Uppercase - 3:18
    • 13 Get more data from JSON - 7:50
    • 14 Google Spreadsheet Practice Exercise - 5:46
    • 15 Google Spreadsheet Data - 5:17
    • 16 Source Code JSON overview - 7:18
    • Source Code
  • JSON Checklist Practice Exercise Learn JSON
    • JSON exercise introduction - 2:56
    • 0 Developer Environment setup - 4:41
    • 1 JSON Exercise Setup Data - 7:00
    • 2 JSON Exercise Use String Values as Data - 11:15
    • 3 JSON Exercise Make it Interactive - 9:33
    • 4 JSON Exercise JSON better structure - 5:45
    • 5 JSON Exercise Use the new Data with JavaScript - 8:58
    • 6 JSON Exercise Store Current Data Instance - 8:10
    • 7 JSON Exercise Add new items to the list - 7:37
    • 8 JSON Exercise Tweaks and Bug Fixes - 12:00
    • 9 JSON Exercise sessionStorage ready data - 3:46
    • 10 JSON Exercise Delete a Task - 9:01
    • 11 JSON Exercise AJAX and JSON - 9:17
    • Source Code and Resources
  • Google Sheets as JSON data source for JavaScript
    • Section introductory Video - 0:15
    • 0 Spreadsheet as JSON introduction - 2:07
    • 1 SpreadSheet Setup - 4:33
    • 2 Google SpreadSheet as JSON - 5:12
    • 3 JavaScript Fetch JSON - 5:48
    • 4 Get JSON Promiseall JavaScript Example - 9:59
    • 5 Code explained JavaScript Map - 8:15
    • 6 Code explained JavaScript Promise All - 5:59
    • 7 Spreadsheet Data Clean Up JSON - 10:58
    • 8 Build the object using Sheet name - 4:20
    • 9 Output Sheet data to HTML - 5:03
    • Source Code and resources

View Full Curriculum

Access
Lifetime
Content
5 hours
Lessons
69

AJAX Information Application

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

By Laurence Svekis | in Online Courses

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.

  • Access 69 lectures & 5 hours of content 24/7
  • Connect to YouTube & Wikipedia APIs and retrieve data
  • Use JSON data to build webpage contacts
  • Build an application from scratch

Instructor

Providing Smart digital solutions online since 2001, Laurence Svekis is considered a true web technology expert. He has professional experience in a wide range of digital areas, from Search Marketing, Video Marketing, Content creation, User Experience, application architecture, and web programming.

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

  • AJAX JavaScript XHR and Fetch
    • 00 AJAX Intro Instr - 4:32
    • 0 Course Developer Setup - 3:47
    • 1 Localhost Setup - 9:31
    • 2 AJAX introduction for Fetch and XHR - 7:47
    • 3 XHR requests across the web - 11:52
    • 4 Exercise Random User XHR options - 6:23
    • 5 Exercise Random User AJAX Load Data - 5:38
    • 6 More XHR practice - 4:26
    • 7 XHR Request Data - 9:34
    • 8 JavaScript Fetch - 5:23
    • 9 Fetch Promise Response - 8:22
    • 10 Fetch Options - 5:17
    • 11 Post with Fetch - 4:52
    • 12 Fetch Form Submit Data - 10:34
    • 13 AJAX course Overview - 1:57
    • Resources and source code
  • Introduction to JavaScript AJAX and web APIs
    • Introduction to working with APIs - 2:46
    • Development Environment Setup - 4:11
    • 1 Element Setup - 4:16
    • Bring in the XHR Object - 9:20
    • 3 Connect to Wikipedia API - 6:29
    • 4 Output Data into web Page - 8:10
    • 5 YouTube API with JavaScript - 5:28
    • 6 Add YouTube API search - 5:58
    • 7 Style data output - 8:17
    • 8 Lesson Overview - 4:41
    • Source Code
    • Source Code
  • AJAX using JavaScript Libraries jQuery and Axios
    • Introduction video - 1:13
    • Axios and jQuery Introduction - 5:29
    • 1 Introduction to jQuery - 3:11
    • 2 AJAX with jQuery - 7:51
    • 3 jQuery AJAX output to element - 6:38
    • 4 jQuery in Codepen - 7:38
    • 5 jQuery AJAX shorthand - 3:08
    • 6 jQuery Mulitple Items API - 4:19
    • 7 jQuery Post example - 8:22
    • 8 jQuery post with AJAX - 4:17
    • 8-1 JQuery Exercise Overview - 3:30
    • 9 JavaScript libraries for AJAX - 8:10
    • 9-1 AXIOS Get Data Update HTML - 1:55
    • 10 Loop Mulitple Items in Object - 3:32
    • 11 Axios AJAX post - 4:46
    • 12 Axios Exercise Overview - 4:23
    • Source Code 1
    • Source Code 2
    • Source Code 3
    • Source Code 4
    • Source Code 5
    • Source Code 6
    • Source Code 7
    • Source Code 8
    • Source Code 9
    • Source Code 10
  • AJAX Tester Application XHR Fetch jQuery Axios
    • Section introduction - 1:13
    • AJAX tester Tool Introduction - 3:25
    • 1 Setup Page Elements - 3:55
    • 2 Make first AJAX Request - 2:54
    • 3 Dynamic Input data - 11:02
    • 4 Add jQuery - 8:33
    • 5 Add Axios AJAX - 4:54
    • 6 Add Fetch AJAX - 4:51
    • lesson6-Fetch-GET
    • 7 Add Post Data Options - 8:15
    • 7 Source Code
    • 8 Update for POST - 3:32
    • 9 Update post for Fetch and Axios - 4:20
    • 10 AJAX tester Code Review - 7:58
    • Final-Source-Code

View Full Curriculum

Terms

  • Unredeemed licenses can be returned for store credit within 15 days of purchase. Once your license is redeemed, all sales are final.