Get $1 credit for every $25 spent!

The Ultimate Front End Development Bundle

Ending In:
Add to Cart - $39
Add to Cart ($39)
$1,016
96% off
wishlist
(160)
Courses
8
Lessons
519
Enrolled
1,597

What's Included

Product Details

Access
Lifetime
Content
17 hours
Lessons
204

Complete Guide to Front-End Web Development & Design

Learn Primary Web Programming Languages & Watch Your Job Prospects & Income Soar

By Laurence Svekis | in Online Courses

The information age has put a premium on web developers and made web development skills more important than ever. In this course, you'll learn valuable front-end development concepts so you can start building your own websites from scratch. With an immersion in HTML5, CSS3, JavaScript and jQuery, this course will give you a wealth of knowledge that may be an excellent foundation for your development career.

  • Access 204 lectures & 17 hours of content 24/7
  • Discover popular coding languages over 4 distinct, well-organized units
  • Use comments & meta information in HTML
  • Transform your HTML code w/ CSS
  • Build navigation bars, format pages & make your website come to life
  • Debug using JavaScript
  • Create elements on the fly w/ JavaScript
  • Traverse the Document Object Model (DOM) w/ jQuery
Providing Smart digital solutions online since 2001, Laurence Svekis is considered a true web technology expert, having professional experience in a wide range of digital areas: from Search Marketing, Video Marketing, Content Creation, User Experience, application architecture, to web programming.

After launching his first websites he quickly realized that to get traffic on your site you need to be able to market online. Researching and using personal experimentation as to what are the most successful ways to effectively drive traffic to his websites, he was able to successfully build multiple success eCommerce sites. He used his expertise to provide Search Engine Marketing Services SEO to 100's of clients.

In the advent of Social Media in 2006, he had identified it as an excellent opportunity to drive traffic and connect with users. He created many successful sites that integrated with Myspace and then later into Facebook. He was able to monetize the traffic on several platforms, driving in some cases 10K+ clicks daily to the various platforms..

Applications he has created have entertained, informed and engaged tens of millions of people and he has over billions of page views on various platforms.

Details & Requirements

  • Length of time users can access this course: lifetime
  • Access options: web streaming, mobile streaming
  • Certification of completion not included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: beginner

Compatibility

  • Internet required

Course Outline

  • Modern Web Development introduction to course content
    • Modern Website Development Introduction (11:29)
    • Modern Web developer Sneak peek (10:03)
  • Learn HTML fundamentals of website
    • 1 HTML CSS Course Introduction (8:48)
    • 2 Getting Started with HTML (10:07)
    • 3 Learn about HTML what is HTML (4:34)
    • 4 resources
    • 5 Create an HTML template to use and reuse multiple times (6:54)
    • 6 HTML Comments and Meta Information (6:11)
    • 7 HTML Paragraphs LineBreaks Headings (8:09)
    • 8 Meta information and whitespace in HTML files (5:34)
    • 9 Working with HTML attributes and images (8:07)
    • 10 List types HTML (6:10)
    • 11 Working with Tables HTML (9:15)
    • 12 Connecting webpages with hyperlinks (9:38)
    • 13 Source and Resources
    • 14 How to create a basic form in HTML (8:28)
    • 15 HTML5 Input Types (7:40)
    • 16 Creating amazing forms in HTML (10:50)
    • 17 HTML5 Web forms (7:42)
    • 18 Source and Resources
    • 19 Practice HTML Code (2:28)
    • 20 HTML5 Content Sectioning (6:27)
  • Learn CSS fundamentals of website development
    • 21 How to add CSS and JavaScript to HTML pages (9:25)
    • 22 Source and Resources
    • 23 Working with Style Colors and text alignment CSS (10:04)
    • 24 CSS Background Styling options (12:17)
    • 25 Using CSS Selectors (7:38)
    • 26 Source and Resources
    • 27 CSS box Model Borders (10:02)
    • 28 CSS Box model padding shorthand (6:05)
    • 29 CSS Box Model Margins (6:44)
    • Source Code
    • 31 CSS Shorthand vs Long Declarations PX EM and Percentage (4:58)
    • 32 Source and Resources
    • 33 CSS display options (8:30)
    • 34 CSS position elements (7:18)
    • 35 Source and Resources
    • 36 CSS pseudo Classes (8:01)
    • 37 CSS pseudo Elements (4:07)
    • 38 Source and Resources
    • 39 Multiple Selectors Same Properties (2:55)
    • 40 CSS Selector Nesting (4:17)
    • 41 CSS Clean up CSS and transform our webpage (5:54)
    • 42 Transform a list into a navigation bar (8:44)
    • 43 Create 2 columns in main content area (7:20)
  • CSS Next Steps
    • 44 CSS more styling of HTML page (6:10)
    • 45 Make it responsive CSS website (12:49)
    • 46 Adding Google Fonts (2:32)
    • 47 Source and Resources
    • 48 Source and Resources
  • JavaScript creating interactive Dynamic Content
    • 50 JavaScript Introduction course resources (3:26)
    • 51 First JavaScript Code (4:44)
    • 52 How to add JavaScript to your webpage (9:54)
    • 53 Syntax of JavaScript how to write code (9:24)
    • 54 Source Code
    • 55 Debugging Dev tools console messages in JavaScript (9:25)
  • Writing JavaScript code
    • 56 JavaScript Variables Data Types (9:29)
    • 57 Source Code
    • 58 JavaScript How arrays work (7:58)
    • 59 JavaScript working with Arrays (5:39)
    • 60 JavaScript Arrays in Action (12:14)
    • 61 JavaScript Arrays as Strings and Slices (6:54)
    • 62 Source Code
    • 63 JavaScript Working with Objects (8:17)
    • 64 JavaScript Constructor Objects (5:23)
    • 65 Source Code
    • 66 JavaScript Introduction to Functions (2:57)
    • 67 JavaScript working with Functions (6:52)
    • 68 JavaScript Functions in Action (7:10)
    • 69 JavaScript Global Scope Values in Functions (8:11)
    • 70 Source Code
  • JavaScript in Action get Dynamic and Interactive
    • 71 What is the DOM (6:46)
    • 72 JavaScript DOM Document Object Model (5:50)
    • 73 JavaScript getElementById (6:56)
    • 74 JavaScript DOM select elements via Class and Tags (6:34)
    • 75 JavaScript the Document Object data (5:22)
    • 76 JavaScript Update Styling attributes using the DOM (5:48)
    • 77 Source Code
    • 78 JavaScript DOM onclick (5:36)
    • 79 JavaScript Mouse Event Listeners (7:32)
    • 80 Source Code
    • 81 JavaScript addEventListener (7:28)
    • 82 Source Code
    • 83 JavaScript Queryselectorall multiple elements event listeners (7:17)
    • 84 JavaScript More Element Selection options (6:03)
    • 85 Source Code
    • 86 JavaScript Creating New Elements (6:27)
    • 87 Source Code
    • 88 DOM and Form Create Form Validation (13:01)
    • 89 Source Code
  • JavaScript fundamentals
    • 90 JavaScript Fundamentals (5:02)
    • 91 JavaScript Operators Introduction (9:17)
    • 92 JavaScript Operators increment alternating row colors (8:45)
    • 93 JavaScript Conditional ternary operator (3:18)
    • 94 JavaScript Logical operators (3:13)
    • 95 Source Code
    • 96 JavaScript Math Method (5:49)
    • 97 JavaScript Date Method (4:34)
    • 98 Source Code
    • 99 JavaScript Conditions (6:11)
    • 100 JavaScript working with Conditions (3:01)
    • 101 Source Code
    • 102 JavaScript Switch Condition (4:47)
    • 103 Source Code
    • 104 JavaScript While Loop (4:42)
    • 105 JavaScript Do loop (2:15)
    • 106 JavaScript For loop (2:19)
    • 107 Source Code
  • JavaScript JSON and AJAX
    • 108 JavaScript introduction to JSON (4:38)
    • 109 JavaScript Multiple Objects (4:13)
    • 110 JavaScript AJAX connection (5:56)
    • 111 JavaScript Get JSON data using AJAX (7:34)
    • 112 JavaScript External JSON file Data using AJAX (3:02)
    • 113 Source Code
    • 114 JavaScript AJAX more details (5:13)
    • 115 JavaScript AJAX server interaction (2:21)
    • 116 JavaScript AJAX send data to server (3:07)
    • 117 JavaScript AJAX post data to server (5:27)
    • 118 Source Code
    • 119 AJAX Challenge send another field (2:33)
    • 120 Source Code
  • jQuery for quicker coding
    • 121 SourceCode-in-Lessons-jQuery
    • 122 Introduction to jQuery (3:12)
    • 123 How to add jQuery to your webpages (2:17)
    • 124 Course resources Add jquery into your webpage (10:36)
    • 125 Course Resources
    • 126 what is the DOM in JavaScript (5:54)
    • 127 Learn about the DOM
    • 128 Document Object Model information via the browser (3:12)
  • jQUERY easy AJAX
    • 129 How to write jQuery code (2:47)
    • 130 jQuery Check First jQuery Code (8:17)
    • 131 Source Code
    • 132 Use jQuery to update web page content (7:49)
    • 133 All about jquery selectors pick elements from your webpage (6:47)
    • 134 jQuery Web page manipulation and content interaction (8:36)
    • 135 Source Code
    • 136 Using Each and THIS to get element contents (5:29)
    • 137 Updating Elements Before After Prepend Append (11:16)
    • 138 Source Code
    • 139 Modify Elements Empty Remove (3:17)
    • 140 each loop advanced (4:25)
    • 141 Source Code
  • jQuery Events and Traversing
    • 142 Event listeners Interactive web pages (7:13)
    • 143 jQuery event listeners Click events shorthand vs regular (7:38)
    • 144 jQuery Challenge 1 create interactive list (2:42)
    • 145 Source Code
    • 146 jQuery Solution to Challenge 1 (4:09)
    • 147 Common jQuery Mouse events (9:57)
    • 148 jQuery Mouse Events Mouse Pressed (3:58)
    • 149 jQuery Keyboard Events (6:29)
    • 150 Source Code
    • 151 Form Events (8:56)
    • 152 Source Code
    • 153 jQuery Form Challenge 2 (7:56)
    • 154 Source Code
    • 155 jQuery Challenge 2 Solution Form Field Check (3:07)
    • 156 Source Code
    • 157 jQuery power of Find (10:42)
    • 158 Source Code
    • 159 Parents and Children selection (9:25)
    • 160 jQuery more selection of Children looping (6:24)
    • 161 jQuerry Traversing Next and siblings (9:54)
    • 162 Source Code
    • 163 Traversing First Last Selection (4:14)
    • 164 Source Code
    • 165 jQuery Filters for selection (3:42)
  • jQuery Styling and Effects
    • 166 jQuery Add CSS Values (5:33)
    • 167 jQuery how to work with classes (4:38)
    • 168 jQueryCSS remove Class (3:41)
    • 169 hasClass CSS challenge Toggle class (5:53)
    • 170 Source Code
    • 171 Source Code
    • 172 jQuery challenge solution Toggle Dynamic List Items (4:33)
    • 173 Source Code
    • 174 jQuery Attribute Content and update (7:30)
    • 175 Source Code
    • 176 jQuery Effects Hide Show (5:54)
    • 177 jQuery Toggle Element (3:49)
    • 178 jQuery Callbacks (4:51)
    • 179 Source Code
    • 180 jQuery Fading Elements (5:44)
    • 181 Source Code
    • 182 jQuery Element Sliding (4:32)
    • 183 Source Code
    • 184 animate your Elements with jQuery (10:06)
  • jQuery AJAX
    • 186 jQuery and AJAX (9:51)
    • 187 Simple loading content to element via AJAX (4:58)
    • 188 jQuery AJAX get (9:24)
    • 189 jQuery getJSON data from external file (7:32)
    • 190 Source Code
    • 191 jQuery working with POST data (6:47)
    • 192 jQuery AJAX method (6:09)
    • 193 Source Code
  • Bringing it together HTML CSS and jQuery
    • 194 HTML CSS Lesson plan (5:08)
    • 195 jQuery Keyup Content match in form field (8:49)
    • 196 Source Code
    • 197 Form Select return value on change (5:35)
    • 198 jQuery Event AJAX response from server (9:09)
    • 199 jQuery and radio buttons and check boxes (10:43)
    • 200 Source Code
    • 201 jQuery UI autocomplete setup (7:14)
    • 202 jQuery UI autocomplete from Dynamic JSON file (7:20)
    • 203 Source Code

View Full Curriculum


Access
Lifetime
Content
3 hours
Lessons
50

Learn to Code JavaScript For Web Designers & Developers

Discover One of the Web's Most Popular Programming Languages With This 3-Hour Crash Course

By Laurence Svekis | in Online Courses

JavaScript is one of the web's most popular languages, having been used to build, or contributed to build just about all of your favorite websites and applications. In this course, you'll learn how to develop dynamic, interactive websites with JavaScript. The opportunities for JavaScript developers are virtually endless, so the time to learn is now!

  • Access 50 lectures & 3 hours of content 24/7
  • Build more dynamic & interactive web content
  • Create more fluent web interactions by selecting & manipulating elements on a web page
  • Customize the user experience w/ JavaScript
  • Get up to speed w/ an extremely popular, in-demand web development language
Providing Smart digital solutions online since 2001, Laurence Svekis is considered a true web technology expert, having professional experience in a wide range of digital areas: from Search Marketing, Video Marketing, Content Creation, User Experience, application architecture, to web programming.

After launching his first websites he quickly realized that to get traffic on your site you need to be able to market online. Researching and using personal experimentation as to what are the most successful ways to effectively drive traffic to his websites, he was able to successfully build multiple success eCommerce sites. He used his expertise to provide Search Engine Marketing Services SEO to 100's of clients.

In the advent of Social Media in 2006, he had identified it as an excellent opportunity to drive traffic and connect with users. He created many successful sites that integrated with Myspace and then later into Facebook. He was able to monetize the traffic on several platforms, driving in some cases 10K+ clicks daily to the various platforms..

Applications he has created have entertained, informed and engaged tens of millions of people and he has billions of page views on various platforms.

Details & Requirements

  • Length of time users can access this course: lifetime
  • Access options: web streaming, mobile streaming, download for offline access
  • Certification of completion not included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: beginner

Compatibility

  • Internet required

Course Outline

  • Introduction to using JavaScript
    • 1 JavaScript Introduction Quick (4:53)
    • 2 JavaScript Course Introduction to Resources (2:53)
    • 3 How to use your Browser as an editor (2:22)
    • 4 JavaScript How to add it to your website (8:24)
    • 5 Source Code
    • 6 Customized User expereince with JavaScript (5:09)
    • 7 Source Code
    • 8 JavaScript Variables and Debugging (7:02)
    • 9 Source Code
    • 10 JavaScript how to create an array (4:02)
    • 11 Working with JavaScript Arrays (8:23)
    • 12 JavaScript Array functions (8:39)
    • 13 Source Code
    • 14 JavaScript Objects in Action (10:23)
    • 15 Source Code
    • 16 Introduction to JavaScript Functions (8:34)
    • 17 Source Code
    • 18 JavaScript Document Object Model (5:40)
    • 19 JavaScript accessing the DOM info (9:30)
    • 20 JavaScript update element styling (8:07)
    • 21 JavaScript DOM event listeners (7:30)
    • 22 Source Code
    • 23 JavaScript Element selection plus (7:33)
    • 24 Source Code
    • 25 How to create new elements using JavaScript (3:52)
    • 26 JavaScript element children (3:22)
    • 27 Source Code
    • 28 JavaScript operators dynamic updates (5:57)
    • 29 JavaScript Operators ternary and logical (6:30)
    • 30 Source Code
    • 31 Conditional Statements (9:48)
    • 32 Source Code
    • 33 JavaScript Looping (6:28)
    • 34 Source Code
    • 35 JavaScript Methods Math (6:53)
    • 36 JavaScript parseInt (4:18)
    • 37 Source Code
    • 38 JavaScript Date and Time (4:36)
    • 39 Intro to JavaScript Objects (2:37)
    • 40 JSON object Aray multiple items (4:57)
    • 41 Source Code
    • 42 Create JSON (2:01)
    • 43 JavaScript make AJAX call (6:10)
    • 44 JavaScript AJAX parse as JavaScript Objects (2:51)
    • 45 Source Code
    • 46 JavaScript For in Loop (3:03)
    • 47 Source Code
    • 48 POST to Server AJAX (4:03)
    • 49 Send data via AJAX to server (3:33)
    • 50 Source Code

View Full Curriculum


Access
Lifetime
Content
7.5 hours
Lessons
84

The Complete HTML & CSS Course: From Novice To Professional

Explore Two of the Web's Most Important & Most Used Programming Languages

By Joe Parys | in Online Courses

HTML and CSS are the two programming languages most fundamental to web development and design, and the two most important for a new web developer to learn. If you're new to coding, this course is perfect. You'll learn HTML and CSS quickly and easily, taking your programming skills from novice to professional in no time.

  • Access 84 lectures & 7.5 hours of content 24/7
  • Cover all HTML & CSS basics
  • Work w/ HTML lists, tables, links, iframing, images, & more
  • Explore CSS selectors, dimensions, lists, tables, the Box Model, & more
  • Complete a full website project
Joe Parys is a certified life coach, professional motivational speaker, entrepreneur, licensed psychology teacher and basketball coach. His main areas of expertise are teaching, coaching, public speaking, personal development, personal transformation, the human mind, maximizing human potential, motivation and goal setting.

Details & Requirements

  • Length of time users can access this course: lifetime
  • Access options: web streaming, mobile streaming, download for offline access
  • Certification of completion not included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: all levels

Compatibility

  • Internet required

Course Outline

  • Welcome! Discover How This Course Will Help You Build A Website From Scratch!
    • Welcome To Our Course! (2:22)
    • How To Use This Course (3:17)
    • Course Essentials - Before Moving Any Further Please Read and Use This Document
  • Introduction and basics
    • What is HTML (4:25)
    • Download and Install notepad++ a better solution to play with codes (5:21)
    • What is HTML Follow Along Guide
    • HTML vs Programming languages (7:36)
    • HTML vs Programming languages (written)
    • Creating the very first HTML file using notepad with very simple technique (4:15)
    • Creating an HTML file using notepad ++ (5:07)
    • How to use tag (9:08)
    • What are the attributes (3:52)
  • Literally working on HTML document
    • HTML document hierarchy rules (4:20)
    • Making the HTML document readable (3:58)
    • White spaces and preformatted text (3:37)
    • Styling and formatting text using some HTML tags (8:01)
    • Abbr tag and Title attribute (3:58)
    • HTML Entities (4:56)
  • HTML Lists
    • Unordered lists (3:43)
    • Ordered Lists (2:38)
    • Type and value attribute for formatting HTML Lists (5:33)
    • Nesting multiple lists (8:05)
    • Making description (3:59)
  • HTML Tables
    • Building tables (5:33)
    • Table heading (2:37)
    • Managing table height and width (3:25)
    • Using colspan attribute (4:45)
    • Using rowspan attribute (3:41)
    • Nested Tables (5:17)
    • Cell spacing and Cell padding (3:01)
    • Creating a complete website layout using tables (5:48)
  • URLs, Links and iframing
    • Understanding URL and its parts (4:52)
    • Linking a webpage to another webpage (6:20)
    • Linking to an HTML file which is on a sub directory (7:29)
    • Linking a webpage to a back directory's HTML file (6:37)
    • Bookmarking (7:38)
    • Target Attribute (3:11)
    • Linking all the pages and making a linked and navigated website (10:29)
    • Iframes (4:40)
    • Creating navigation page and adding it on all pages using iframe tag (7:33)
  • HTML and Images
    • Adding Images (5:35)
    • Adding Inline Images (3:54)
    • Linking up images with webpages and other images (3:43)
    • Title and Alt attribute (3:40)
    • Course Feedback Checkpoint - How Are You Enjoying Our Course So Far? (1:17)
  • Intro to CSS and some basics
    • What is CSS (2:02)
    • Inline CSS (4:02)
    • Internal CSS (5:10)
    • External CSS (6:05)
    • The Div Tag (3:19)
  • CSS Selectors
    • CSS Selectors (4:58)
    • Different states of anchor tag (6:32)
    • Sibling and Child selector of CSS (7:13)
  • CSS Dimensions
    • Height and width properties (1:44)
    • Pixels and Percents (2:13)
    • Margination (7:07)
    • Padding (3:09)
    • Important rules of dimension (3:24)
  • CSS Box model
    • CSS borders (4:12)
    • Expanded way of CSS borders (9:05)
    • CSS backgrounds (7:55)
    • Floating and clearing (5:44)
  • CSS Lists, Text & Fonts and Tables
    • CSS Lists (5:30)
    • Adding Images to CSS lists (1:39)
    • Creating a simple navigation bar using CSS lists (4:55)
    • CSS text (9:30)
    • CSS fonts (7:45)
    • CSS tables (8:04)
  • The HTML Forms
    • HTML Forms (11:34)
    • More on HTML Forms (7:55)
    • How the Form works (8:52)
    • Adding styles in the Form using some CSS techniques (9:38)
  • Creating a complete website project
    • Creating the coding layout of webpage (5:12)
    • Creating a basic designing layout for webpage (6:09)
    • The header and the navigation area (7:09)
    • The right side area (10:09)
    • Making the main post (12:52)
    • Making the sub post (12:25)
    • Applying Iframes (10:23)
    • Fixing some bugs (2:46)
    • Creating footer (3:14)
    • Creating contact us page (10:51)
  • Course Conclusion and Final Exam
    • Course Final Exam - You Have Now Built Your Very Own Website! (3:31)

View Full Curriculum


Access
Lifetime
Content
6 hours
Lessons
51

The Complete jQuery Course: From Beginner To Advanced

Use jQuery, JavaScript's Most Popular Library, to Create More Dynamic, Higher-Quality Websites

By Joe Parys | in Online Courses

jQuery is the most popular JavaScript library in use today, designed to make it easier to navigate programming elements and develop more dynamic websites. You'll learn this useful tool by actually delving into real code and optimizing jQuery in real projects. By course's end, you'll be able to work productively with JavaScript to create professional-quality sites.

  • Access 51 lectures & 6 hours of content 24/7
  • Make your site come alive w/ jQuery's animation utilities
  • Change the contents & appearance of any element in the Document Object Model (DOM)
  • Discover how to find & add content to your page dynamically w/o reloading w/ AJAX
  • Handle any user input events, including mouse clicks & keyboard input
  • Create a fast-feedback form that notifies your users of incorrectly formatted input before even submitting the form
Joe Parys is a certified life coach, professional motivational speaker, entrepreneur, licensed psychology teacher and basketball coach. His main areas of expertise are teaching, coaching, public speaking, personal development, personal transformation, the human mind, maximizing human potential, motivation and goal setting.

Details & Requirements

  • Length of time users can access this course: lifetime
  • Access options: web streaming, mobile streaming, download for offline access
  • Certification of completion not included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: all levels, but a basic understanding of HTML and CSS is preferred

Compatibility

  • Internet required

Course Outline

  • Introduction to jQuery
    • 00. jQuery Introduction and How To Use This Course! (2:29)
    • 01.overview-js-jquery (8:56)
    • 02.js-frameworks (4:06)
    • 03.sublime-text (3:29)
  • Effects – Animations
    • 04.setting-up-jquery (7:53)
    • 05.fading (13:16)
    • 06.fading-pitfall (4:05)
    • 07.show-hide (6:11)
    • 08.sliding (7:58)
    • 09.moving-elements (6:10)
    • 10.custom-animations (5:42)
    • 11.delaying-chaining (3:54)
    • 12.timing-with-callback-functions (4:26)
    • 13.creating-lightbox (3:25)
  • Element Selectors
    • 14.css-selectors (10:22)
    • 15.traversing (7:21)
    • 16.filtering (9:48)
  • Manipulating the DOM I – Inserting, Replacing and Removing Elements
    • 17.dom (4:08)
    • 18.adding-elements (16:12)
    • 19.replacing-elements (7:06)
    • 20.removing-elements (9:18)
    • 21.attr-prop-val (14:23)
    • 22.slideshow (8:01)
  • Manipulating the DOM II – Changing Element Data and CSS
    • 23.css-properties (8:00)
    • 24.css-classes (6:51)
    • 25.data (6:27)
    • 26.text-html (6:03)
  • Events I ‒ Handling Mouse Events & Keyboard Events
    • 27.event-handling (4:16)
    • 28.click (4:55)
    • 29.hover (4:08)
    • 30.mouseenter-mouseleave-hover2 (6:31)
    • 31.on (6:28)
    • 32.modularizing (7:08)
    • 33.delegated-events (8:10)
    • 34.event-data (5:14)
    • 35.image-gallery (7:30)
    • 36.keyboard-events (7:54)
  • Events II ‒ Forms
    • 37.focus-blur (7:14)
    • 38.change (8:22)
    • 39.submit (6:03)
    • 40.form-validation (12:36)
    • 41.fast-feedback (11:55)
  • Ajax with jQuery
    • 42.ajax (6:32)
    • 43.load (4:35)
    • 44.flickr (14:30)
    • 45.pokeapi (10:21)
    • 46.pokeapi-continued (13:54)
  • Course Summary and Conclusion! What Have We Learned In This Course?
    • 47. jQuery Summary Video (2:40)

View Full Curriculum


Access
Lifetime
Content
3 hours
Lessons
26

JavaScript & jQuery Basics for Beginners

Dive into The Powerful jQuery Library to Quickly & Easily Write JavaScript Code

By EDUmobile Academy | in Online Courses

jQuery dramatically simplifies the process of writing JavaScript, allowing you to create dynamic, interactive websites quickly. Common tasks that otherwise take lines of code to execute? With jQuery, you can simply write one line and be done with it. Whether you're working with HTML or implementing animations, you'll find your development process to be easier than ever.

  • Master JavaScript & jQuery essentials w/ 26 lectures & 3 hours of content
  • Learn JavaScript basics: manipulate basic data types, utilize strings, etc.
  • Control flow using the "if" statement & loops, use the DOM, etc.
  • Use selectors to target specific HTML elements on a page
  • Write code that reacts to events, executes effects & animations, etc.
  • Manipulate the HTML content on a webpage
  • Seamlessly use AJAX to request data, handle errors, etc.
The EDUmobile Academy was founded in 2008 by Vishal Lamba, who has been actively involved in the tech space since 1989. Its team is passionate about creating world-class courses to serve its community of learners. Each course is created by highly qualified and articulate mentors. Over the years, it's provided guidance and training to a developer community of over 80,000 people.

Details & Requirements

  • Length of time users can access this course: lifetime access
  • Access options: web streaming, mobile streaming
  • Certification of completion not included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: all levels

Compatibility

  • Internet required
  • Basic knowledge of HTML tags & attributes required
  • Notepad++ recommended

Course Outline

  • Introduction
    • Introduction to Javascript
  • Overview and Basic Setup
    • Course Overview
    • Basic Setup
  • Variables and Primitive Types
    • Numbers Demo
    • Variables Demo
    • Strings Demo
    • String Methods Demo
  • Object Types
    • Arrays Demo
    • Functions Demo
    • Objects Demo
  • Control Flow
    • Conditionals Demo (7:36)
    • Looping Demo (6:57)
    • Errors (7:54)
  • Document Object Model (DOM)
    • Elements and Attributes
    • Events
    • Function Calculator Exercise
  • Introduction to jQuery
    • jQuery - Intro and Setup
  • Selectors, Events and Effects in jQuery
    • Selector's Demo (6:11)
    • jQuery Events Demo (6:24)
    • jQuery Effects Demo (6:28)
    • jQuery Animations Demo (7:15)
  • DOM in jQuery
    • DOM Content Demo
    • DOM Structure Demo
    • DOM Traversal Demo
  • AJax with jQuery
    • Ajax Demo Part 1
    • Ajax Demo Part 2

View Full Curriculum


Access
Lifetime
Content
3.5 hours
Lessons
25

Advanced JavaScript

Dig Into the Deep Fundamentals of JavaScript & Pass Any Technical Interview

By Asim Hussain | in Online Courses

So you're comfortable with JavaScript. You've taken some courses, written some programs, built a few websites... But would you say you're advanced? No? Well, this course wants to get you there. Diving into deeper JavaScript fundamentals, this course imagines you're in a technical interview, helping you root out specific problems and debug more effectively. By course's end, you'll have all the tools you need to pass any technical interview and lock down high-paying JavaScript gigs.

  • Access 25 lectures & 3.5 hours of content 24/7
  • Learn the different types in JavaScript & how to check if two values are really equal
  • Understand the different scopes in which a variable can be declared & how to manipulate those scopes
  • Perform object orientation in JavaScript w/ both the Prototype Pattern & the Pseudo-Classical/Constructor Pattern
  • Delve into advanced topics in networking, like CORS & JSONP
  • Cover advanced topics in event handling, like the different event phases
  • Learn advanced JavaScript through a series of 20 interview questions to help you better prepare for technical interviews
Asim Hussain has over 15 years experience working for clients such as the European Space Agency and Google. He wrote his first program in 1988, his first website in 1996, earned a 1st Class Degree in Computer Science in 2000, and now, 15 years later, he owns a digital agency in London called Bubblegum specialising in building complex web & mobile applications in AngularJS/Node/Django and IonicFramework.

Details & Requirements

  • Length of time users can access this course: lifetime
  • Access options: web streaming, mobile streaming
  • Certification of completion not included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: intermediate

Compatibility

  • Internet required

Course Outline

  • Introduction
    • How to edit and run code in Chrome? (1:38)
    • Welcome (4:33)
  • Basics
    • 1. What is "use strict" and what does it do? (9:49)
    • 2. Does javascript pass variables by reference or by value? (4:58)
    • Quiz 1
  • Types & Equality
    • 3. What are the different types in javascript? (9:27)
    • 4. What is the difference between == and ===? (6:37)
    • 5. What is NaN and how can we check for it? (5:25)
    • Quiz 2
  • Scopes
    • 6. What are the different scopes in javascript? (3:56)
    • 7. What is variable hoisting? (4:41)
    • 8. What is the scope chain? (4:08)
    • 9. What is an IIFE and why might you use it? (6:02)
    • 10. What are function closures? (12:09)
    • Quiz 3
  • Object Orientation
    • 11. What does the this keyword mean? (13:11)
    • 12. What do the functions call, bind and apply do? (20:19)
    • 13. What is the prototype chain? (11:41)
    • 14. What is the difference between prototypal and classical inheritance? (3:07)
    • Quiz 4
    • 15. What is the Constructor OO pattern? (part 1) (19:46)
    • 15. What is the Constructor OO pattern? (part 2) (12:22)
    • 16. What is the Prototype OO pattern? (15:50)
    • Quiz 5
  • Networking
    • 17. What is CORS? (17:55)
    • 18. What is CORS? (11:50)
    • Quiz 6
  • Events
    • 19. What is the difference between event capturing and bubbling? (8:13)
    • 19. What is the difference between event capturing and bubbling? (5:13)
    • Quiz 7

View Full Curriculum


Access
Lifetime
Content
5 hours
Lessons
44

JavaScript: Gentle Introduction for Beginners

Supercharge Your Web Development Skills by Learning JavaScript

By Chris Dixon | in Online Courses

JavaScript is one of the most in-demand programming languages today because it is built into and runs in all major internet browsers. It's the most common language used in web development. If you have any aspirations towards being a web developer, you need to learn JavaScript, and this is the perfect course to send you on your way.

  • Access 44 lectures & 5 hours of content 24/7
  • Add features & interactivity to websites
  • Build large full stack applications using JavaScript
  • Create entire games using a single programming language
  • Use mini projects to gauge your learning
Chris Dixon is a web developer and online teacher. He is passionate about his work, as well as teaching others about it, and has started various online and offline businesses. He was personally motivated to become his own boss and have more freedom and flexibility in his life. He built his first website back in 1999, back when the Internet was first beginning to popularize in usage.

Details & Requirements

  • Length of time users can access this course: lifetime
  • Access options: web streaming, mobile streaming
  • Certification of completion not included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: beginner

Compatibility

  • Internet required

Course Outline

  • Introduction & Getting Started
    • Welcome & what we will be building (1:43)
    • Download Javascript reference sheet
  • Understanding Javascript
    • What is Javascript & what do we use it for? (4:33)
    • Where to include Javascript
    • Displaying Javascript on webpages & comments (8:26)
  • Javascript Basics
    • Javascript variables & assignment (8:21)
    • Numbers & arithmetic
    • Javascript strings
    • Mini Challenge: Display a users score
    • String methods (8:19)
    • Mini challenge: Correctly format users name (6:17)
    • Javascript arrays (4:42)
    • Array methods (3:57)
    • Javascript functions (5:35)
    • Function parameters (3:23)
    • Javascript scope
    • Javascript objects (10:41)
  • Math & Dates
    • Javascript math (8:03)
    • Mini challenge: Generate a random whole number between 1 and 100 (6:29)
    • Dates & date methods (10:19)
  • Control Flow & Loops
    • If statements & comparison (8:05)
    • Else & else if statements (6:59)
    • Mini challenge: Age checker (5:27)
    • Logical operators (5:44)
    • Switch statements
    • Mini challenge: Higher or lower game (13:24)
    • While loop (7:45)
    • Do while loop (3:10)
    • For loop (5:09)
    • Mini challenge: Phone book (5:14)
  • Javascript and the DOM
    • What is the DOM (2:52)
    • Accessing elements (9:36)
    • Manipulating elements
    • Mini challenge: Temperature converter - Part 1 (7:30)
    • Mini challenge: Temperature converter - Part 2 (6:07)
    • Javascript events
    • Mini challenge: Name animator (6:50)
  • Final project: Business card designer
    • Creating the user interface: part 1 (11:49)
    • Creating the user interface: part 2 (12:15)
    • Adding the CSS and Javascript functions (8:33)
    • Finishing off the project (9:17)
  • Thank You
    • Thank you

View Full Curriculum


Access
Lifetime
Content
3 hours
Lessons
35

Website Wireframing with HTML5 & CSS3

Streamline The Web Dev Process by Learning Wireframing Efficiency Tricks

By Stone River e-Learning | in Online Courses

Building one website is cool, but if you want to make any money in web development, you're going to need to learn the tricks to outline and construct a high volume of sites. In this course, you'll learn how to use HTML and CSS to compile the basic foundations of new sites quickly and easily. The first step to any project is the prototype, and this course will give you the tools to nail the prototype phase fast.

  • Access 35 lectures & 3 hours of content 24/7
  • Gain a basic understanding of HTML & CSS
  • Learn how to rapidly build web layout wireframes
  • Create the basic sections of a site, like text, images, & interactive features
  • Scale wireframes into fully-functioning sites
Stone River eLearning was founded in 2011, and has taught over 300,000 students through its website and reseller partners since its founding. Their courses focus on programming, development and design.

Details & Requirements

  • Length of time users can access this course: lifetime
  • Access options: web streaming, mobile streaming
  • Certification of completion not included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: intermediate

Compatibility

  • Internet required

Course Outline

  • 1.Introduction
    • Welcome! Understanding Layout Wireframing (4:02)
    • Why Using Photoshop May Not Be The Best Choice (3:07)
    • Using HTML & CSS For Fast Wireframe Compositing (2:53)
    • A Look At What We'll Build In This Course (1:23)
    • Bonus Lesson_How To Turn Any Web Page Into A Wireframe (1:24)
  • 2.Getting Started
    • Setting Up The Rough Page Structure (4:45)
    • Building The Structural CSS Rules, Part 1 (7:43)
    • Building The Structural CSS Rules, Part 2 (2:52)
    • Connecting Up The HTML To The CSS (5:20)
    • Centering Layout Elements (5:36)
    • Setting Up Inner Layout Containers (7:19)
    • Inserting Additional Inner Containers (3:35)
    • Spacing Apart The Layout (9:15)
  • 3.Wireframing The Header in Greater Detail
    • First Thing's First_Getting Organized (4:37)
    • Building The Logo Container (3:55)
    • Setting Up The Main Navigation Menu (5:53)
    • Creating A Call-To-Action Button (5:59)
  • 4.Building the Rest of the Layout
    • Inserting The Hero Image (4:41)
    • Getting Started With The Hero Content (4:02)
    • Finishing Up The Hero Section (5:36)
    • Inserting The Feature Headers (3:34)
    • Building The Feature Boxes (5:58)
    • Wireframing The Organize Section (5:41)
    • Speeding Things Up For The Share Section (4:26)
    • Finishing Up The Wireframing (6:23)
  • 5.Finishing Touches
    • Inserting A Placeholder Image (3:48)
    • Adding A Logo Placeholder With Text (3:50)
    • Inserting The Remaining Image Placeholders (3:23)
    • Inserting A Background Placeholder (5:09)
    • Adding Subtle Interactivity (6:01)
    • Adding Button Interactivity (11:42)
    • Finishing Touches (4:57)
    • Sharing The Wireframe For Review (6:04)
  • 6.Wrapping Up
    • Where To Go From Here (0:20)

View Full Curriculum



Terms

  • Instant digital redemption