JavaScript Masterclass Bundle

1 Review
$39.00$59.00$1,600.00
Price Drop - Extra 34% off
Save 97% -

449 Lessons (35h)

  • Learn how to Build Websites
    1 Introduction to Course7:31
    2 How to use this course7:49
    3 Course resources overview6:20
    4 Best Web Resources7:26
    5 Getting your website online2:53
    6 what is HTML CSS and JavaScript5:59
    7 Resource List
  • HTML Foundations for building websites
    8 Introduction to learning HTML2:21
    9 Basics of HTML7:03
    10 How to create a basic HTML template11:38
    11 Basic HTML template source
    12 Headings Paragraphs and Line Breaks Content Structuring7:32
    13 Adding images into HTML5:10
    14 Ordered Lists Unordered Lists3:51
    15 Hyperlinks Relative paths vs Absolute Paths8:07
    16 Divs and Spans Tel and Mailto9:00
    17 HTML5 Semantic Elements5:14
    18 Transfer build content to editor2:32
    19 HTML page structure
    20 How to create HTML forms8:24
    21 HTML5 Input types13:02
    22 Additional Form Elements4:55
    23 Form Resources
    24 HTML conclusion5:01
  • CSS Foundations for building websites
    25 CSS introduction2:33
    26 CSS selecting elements from HTML8:47
    27 Working with CSS colors5:25
    28 CSS Background options7:06
    29 Adding Fonts3:02
    30 Pseudo classes and design patterns4:47
    31 Using the Float property5:55
    32 Box Model Margins9:38
    33 Box Model Padding shorthand4:20
    34 CSS to create a navbar9:03
    35 Display properties CSS3:14
    36 CSS overflow handling2:39
    37 CSS positioning elements3:40
    38 CSS tweaks and updates8:25
    39 Media Queries making your website Responsive11:05
    40 HTML CSS summary2:57
    41 Source Code
    42 CSS Conclusion2:09
  • Quick JavaScript for building websites
    43 Introduction to JavaScript Overview2:11
    44 What is JavaScript2:22
    45 How to add JavaScript in web pages5:17
    46 Basics of JavaScript Dev Tools How to Comment and more10:55
    47 Introduction to Variables within JavaScript11:05
    48 Understanding Variables10:50
    49 Source Code
    50 Arrays and Objects8:03
    51 Working with Arrays and Objects9:25
    52 Using and updating array values10:53
    53 Source Code
    54 Introduction to Functions7:59
    55 Local Global Variables in functions3:36
    56 Source Code
    57 Ternary Comparison9:03
    58 Conditional Statements5:54
    59 Switch Statements4:55
    60 Source Code
    61 Introduction to looping4:59
    62 JavaScript For Loops6:43
    63 Source Code
    64 Introduction to the Document Object Model6:13
    65 Accessing Page Elements from JavaSCript4:29
    66 Selecting Elements via JavaScript8:44
    67 Source Code
    68 Updating CSS with JavaScript7:27
    69 Source Code
    70 JavaScript Events5:06
    71 Event Listeners selecting elements9:34
    72 Source Code
    73 addEventListener More events trigger options7:00
    74 Source Code
    75 What can you do with JavaScript3:58
    76 JavaScript Overview Conclusion2:42
  • Quick jQuery for building websites
    77 Introduction to using jQuery2:21
    78 What is jQuery and why do we use it5:12
    79 Getting Started with jQuery6:17
    80 jQuery Selectors6:08
    81 Each value from mulitple selector elements4:06
    82 Updating elements via jQuery7:11
    83 Source Code
    84 CSS selectors and jQuery selectors2:15
    85 Introduction to event binding2:33
    86 Event Listeners jQuery Mouse Events6:39
    87 Source Code
    88 Keyboard event triggers6:08
    89 Source Code
    90 Resize and Scroll event listeners on window object7:06
    91 Source Code
    92 Finding input values from form jQuery6:23
    93 jQuery Traversing elements7:34
    94 Select elements from HTML content5:21
    95 Source Code
    96 jQuery working with CSS7:29
    97 Source Code
    98 Hide and Show page sections9:10
    99 jQuery effects Fading4:03
    100 JQuery Sliding Effects4:33
    101 Source Code
    102 jQuery Animate10:35
    103 Source Code
    104 jQuery AJAX made easy JSON and more5:32
    105 Loading data into HTML via jQuery6:44
    106 jQuery AJAX get getJSON9:21
    107 AJAX with jQuery9:51
    108 Source Code
    109 jQuery Conclusion2:16
    110 Resources
    111 using map and each within jQuery7:10
    112 Source Code
  • Bootstrap 4 Introduction
    0 Setup Coding Environment2:29
    1 Get Bootstrap Setup Template7:56
    2 Source Code Bootstrap 4
    3 Bootstrap Layout Containers4:56
    4 Introduction to the Grid11:57
    5 Do more with the Grid11:25
    6 Jumbotron Bootstrap 42:48
    7 Margins and Padding Bootstrap2:30
    8 Bootstrap 4 Color Utilities2:48
    9 Bootstrap 4 Utilities7:51
    10 Bootstrap 4 Tables6:38
    11 Bootstrap Images Responsive3:40
    12 Bootstrap Buttons3:03
    13 Bootstrap 4 Forms9:25
    14 Button Grouping Radio and Checkboxes5:33
    15 Bootstrap 4 Alerts2:34
    16 Bootstrap 4 Badges1:40
    17 Bootstrap 4 Progress Bar2:59
    18 Bootstrap 4 Cards6:27
    19 Bootstrap List Group3:09
    20 NavBar Responsive Bootstrap9:13
    21 Nav List Bootstrap 42:13
    22 Bootstrap 4 Carousel8:22
    23 Bootstrap Modals7:47
  • New Bootstrap 4 Version Single Page Website
    single page parallax website 42:16
    1 Basic Bootstrap 4 Template Creation3:20
    2 Create Bootstrap NavBar11:08
    3 Header Section6:30
    4 Build Home Section7:56
    5 About Me Section7:41
    6 Bootstrap Cards Grid Columns7:55
    7 Create Contact Form Grid7:08
    8 Footer and Tweak Page3:13
    9 Add jQuery Animate7:30
    10 Project Review2:37
  • Build a single Page responsive website
    163 Introduction Website 22:40
    164 Create a wireframe of website2:23
    165 Build HTML page structure in prep for Styling8:21
    166 Build Navigation Menu and Page Content9:54
    167 Build HTML tags Nesting of Semantic Elements8:48
    168 Adding Styling to your webpage9:55
    169 Linking to Libraries Google Fonts and more7:20
    170 Sticky Headers Section Styling8:37
    171 Build a navigation bar with CSS6:36
    172 Add background images7:30
    173 Section text rgba2:37
    174 CSS media for responsive web design6:23
    175 Update menu to be Responsive on resize5:40
    176 Introduction to JavaScript and jQuery6:52
    177 Add Click events create interactions for users5:07
    178 use jQuery to get pixel position of HTML elements6:56
    179 Scroll webpage dynamically3:45
    180 Hide menu when clicked on small screen5:11
    181 Final Fix of issues completed website5:20
    182 Source Code
    183 Source Code
    184 Conclusion website 22:13
  • Create a quick simple website using HTML and CSS
    148 Website 1 Introduction2:05
    149 HTML and WireFrame5:25
    150 Build HTML structure5:46
    151 Source Code
    152 Add Placeholder content4:21
    153 Add Styling to HTML Structure6:21
    154 How to turn Unorderd List into a Navbar9:00
    155 Source Code
    156 Media Screen Sizes make it responsive5:40
    157 Responsive Columns9:54
    158 Clear Floating update sections7:20
    159 Google Fonts and Customizing6:54
    160 Source Code HTML
    161 Source Code CSS
    162 Website 1 Conclusion2:14
  • Responsive Website Template
    204 Website 4 Introduction Responsive Navbars3:10
    205 Website Wireframe plan5:57
    206 Build HTML Structure Layout8:40
    207 Source Code
    208 Floating Elements11:36
    209 Update header elements4:56
    210 Build nav menu CSS7:20
    211 Source Code
    212 Margins Padding Logo area update9:39
    213 Source Code
    214 Source Code
    215 update styling nav menu updates10:08
    216 Main wrapper update set selected item in menu7:02
    217 Use jQuery to get URL page value9:00
    218 jQuery Dynamic Classes5:18
    219 Source Code
    220 Add web fonts Google Fonts to website2:21
    221 select page styling10:12
    222 Images products resize8:31
    223 Course Summary3:58
    224 Source Code
    225 Source Code
    226 Source Code
    227 Source Code
    228 Website 4 Conclusion2:08
  • Two Column Responsive Website Template
    229 Website 5 Columns Introduction2:01
    230 Website Planning Design Sketch5:33
    231 Building HTML structure8:33
    232 HTML adding placeholder content9:49
    233 Source Code
    234 Create Stlying for webpage9:38
    235 CSS source
    236 Header positioning with CSS8:54
    237 Create a Navigation Menu Bar9:51
    238 Quick Fixes image and nav4:19
    239 making a 2 column website6:31
    240 Quick Tweaks of CSS4:53
    241 Three Column Fat Footer Styling6:04
    242 Source Code HTMl and CSS
    243 Making your website Fully Responsive11:10
    244 Updating media sizes6:14
    245 Create additional web pages2:17
    246 Source Code
    247 Source Code
    248 Website 5 Conclusion1:33
  • Single Page website with Parallax Website
    277 Website 7 Parallax Backgrounds Introduction3:14
    278 Create Wireframe of Website6:08
    279 HTML structure create Navmenu5:28
    280 Creating HTML sections5:08
    281 Source Code
    282 Placeholder content3:19
    283 Apply CSS to HTML4:26
    284 How to create a Navbar from UL8:08
    285 Full page size sections and background defaults6:06
    286 Add background images4:46
    287 Make your text standout5:00
    288 Tweaking the navbar for responsive effects8:02
    289 Responsive Updates and Fixes8:23
    290 Navbar for small screens3:25
    291 Adding Footer and updating sections7:36
    292 Source Code
    293 Adding jQuery create event triggers7:09
    294 jQuery binding window events3:12
    295 Adding icon library2:33
    296 Animate Scrolling with jQuery8:31
    297 Slidemenu up jQuery3:07
    298 Add Parallax effect6:37
    299 Create a Contact Form9:56
    300 Single Page Parallax site summary3:14
    301 Source Code
    302 Source Code CSS
    303 Resources
    304 Website 7 Conclusion2:09
  • Single Page Carousel Control Website
    305 Website 8 Introduction2:07
    306 Web Design Planning wireframe outline2:37
    307 Web Design HTML structure7:48
    308 Adding placeholder design content7:45
    309 Setup Content Sections 100%7:59
    310 Position Navbar5:35
    311 Create floating navbar indicators8:25
    312 Source Code
    313 Quick introduction to jQuery3:10
    314 jQuery to select elements with hash9:25
    315 Animate Scroll jQuery6:53
    316 jQuery Scroll window and mapping of section info9:11
    317 Calculate which section the window is currently in6:52
    318 Change calls to active on scroll6:37
    319 HTML jQuery
    320 Source Code CSS
    321 website tweaks3:24
    322 Making it responsive8:47
    323 Update section content4:10
    324 Pseudo Elements setup sections6:04
    325 Final adjustments on design6:40
    326 Source Code Conclusion2:03
    327 Source Code
    328 Website 8 Conclusion2:11
  • Multiple Page website from scratch with active class
    329 Website 9 Introduction mutiple page multiple column2:47
    330 Website Planning wireframe design6:49
    331 Create parent elements HTML structure6:57
    332 Add resources and dummy placeholder content4:33
    333 Apply Styling to HTML top level elements5:33
    334 Navbar setup and styling12:00
    335 Creating a content wrapper2:40
    336 Creating a header3:05
    337 Source Code
    338 Setting up sections sidebar and footer7:03
    339 CSS tweaks and fixes4:51
    340 Add media queries make it responsive7:27
    341 Add additional media queries4:20
    342 Source Code
    343 Setup responsive navbar5:11
    344 Setup menu for toggle of class3:20
    345 Source Code
    346 Add jQuery event trigger8:02
    347 Source Code
    348 Setting classes on the fly11:46
    349 Page Tweaks and options4:55
    350 Source Code
    351 Create additional pages for website8:18
    352 update contact form6:19
    353 Source Code
    354 Website 9 Conclusion2:00
  • Single Page Bottom Menu website
    355 Introduction website 10 HTML CSS jQuery together2:28
    356 Wireframe planning of website4:53
    357 Web Design HTML Page structure6:14
    358 Add placeholder content to prepare for stlying5:19
    359 Setup CSS defaults3:58
    360 Create a sticky Footer position it at the bottom4:36
    361 Source Code
    362 Navbar coding options for styling9:32
    363 Navbar code
    364 Add styling to sections8:35
    365 Source Code
    366 Add section background covers6:49
    367 Image tweaks and adjustments to CSS6:55
    368 Header update style4:39
    369 Contact form styling7:31
    370 HTML CSS Source Code
    371 Add jQuery to website4:19
    372 Animate scrolling of webpage6:53
    373 update classes on scroll9:44
    374 Source Code jQuery
    375 Google Fonts and Background shadows6:27
    376 How to add social icons5:55
    377 Resources to update CSS and customize6:41
    378 Final Updates3:45
    379 Source Code
    380 Website 10 Conclusion2:02
  • Quick Website Development Sample Site
    0 Setup Editor2:14
    1 Quick Start Bootstrap5:51
    2 Page Quick Design5:02
    3 Splash Page Introduction4:28
    4 Bootstrap 4 NavBar8:04
    5 Bootstrap Grid5:29
    6 Bootstrap 4 Cards4:13
    8 Customize CSS6:57
    9 Bootstrap 4 Utilities5:14
    10 Bootstrap 4 Card options8:03
    11 Website Overview4:37
    12 Footer Sizing Spacing7:08
  • Making a Contact form
    381 Introduction to making a contact form3:58
    382 Create HTML Bootstrap structure6:52
    383 Create form structure8:57
    384 Add PHP session holder9:18
    385 Source Code
    386 PHP Get Post Data11:28
    387 AnitSpam Check using PHP5:21
    388 PHP send Email7:03
    389 Upload file and send email to email address4:31
    390 PHP form Fixes2:04
    391 Source Code
    392 jQuery Form Check setup4:17
    393 jQuery Toggle Error messages10:01
    394 Web Contact Form live Test2:49
    395 Web Contact Form Tweaks and Adjustments5:42
    396 Source Code
  • Code Snippets in Action Just Useful code for web development
    397 Code Snippets Introduction2:25
    398 Popup Images using JavaScript8:46
    399 Source Code
    400 Mouse Event Listeners JavaScript10:32
    401 Source Code
  • Conclusion & resources
    402 Complete Websites Conclusion3:35
  • Bootstrap 3 Content
    113 Introduction to using Bootstrap2:04
    114 What is Bootstrap and how do you use it11:48
    115 Bootstrap Containers6:26
    116 Source Code
    117 Bootstrap Grid System10:22
    118 Grid Source Code
    119 How to practice and learn the Bootstrap Grid4:20
    120 Bootstrap Containers Jumbotron6:14
    121 Bootstrap typography5:54
    122 Typography Source Code
    123 Amazing Bootstrap Table stlying options8:51
    124 Table Source Code
    125 Bootstrap Form inputs8:58
    126 Button options with Bootstrap11:23
    127 Button Source Code
    128 Typography options3:43
    129 Source Code
    130 Bootstrap images and alignments6:29
    131 Image Source Code
    132 Bootstrap Alerts8:48
    133 Alerts Source Code
    134 Bootstrap Navbar8:05
    135 Responsive Navbar Bootstrap9:36
    136 Navbar Source Code
    137 Carousel image slider with Bootstrap12:40
    138 Bootstrap Carousel indicators3:27
    139 Carousel Source Code
    140 Buidling a modal within Bootstrap9:38
    141 Creating a Modal Complete2:37
    142 Modal Source Code
    143 Bootstrap Utility classes6:41
    144 Source Code
    145 Bootstrap Conclusion Resources4:06
    146 Resources
    147 Conclusion to Bootstrap Section2:41
  • Bootstrap Template from Scratch
    185 Website 3 Bootstrap introduction2:36
    186 Website Structure7:05
    187 Source Code
    188 Add styling to sections4:59
    189 Building a navigation menu7:27
    190 Navbar with Bootstrap easy2:07
    191 Source Code
    192 Adding Buttons to elements7:55
    193 Rows cols images made responsive8:08
    194 Contact form using Bootstrap for styling9:23
    195 Add background images7:27
    196 jQuery Scrolling Effect5:24
    197 Source Code
    198 Adding modals7:11
    199 Course Summary3:17
    200 Source Code
    201 Source Code
    202 Source Code
    203 Website 3 Conclusion2:53
  • Simple Bootstrap Menu website
    249 Website 6 Introduction to Bootstrap Navbars2:02
    250 Website Planning5:04
    251 Building HTML page Structure10:40
    252 adding Bootstrap to a website5:09
    253 Adding placeholder content2:20
    254 Source Code HTML
    255 Adding Default Styling6:30
    256 Update Logo Slogan section5:57
    257 Create a Navbar with Active element7:07
    258 Index Page welcome message9:29
    259 Source Code
    260 Create a two column content area3:49
    261 Create Footer Element2:27
    262 Make it responsive3:34
    263 Setting up font awesome4:27
    264 Update navbar to be responsive4:05
    265 JavaScript to Hide and Show Elements5:48
    266 Source Navbar 1
    267 Create another responsive Navbar11:59
    268 Source Navbar 2
    269 How to add Bootstrap JavaScript Library3:19
    270 Add Bootstrap Menu NavBar8:45
    271 Bootstrap Menu Navbar5:56
    272 Source Navbar Bootstrap
    273 Create website pages4:33
    274 Online Code Editor2:03
    275 Links and Resources
    276 Website 6 Conclusion1:34

Master the Web's Most Popular Programming Language with This 89-Hour Bundle

LS
Laurence Svekis

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.

Description

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

Specs

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

Terms

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