Get $1 credit for every $25 spent!

Complete JavaScript Coding Bundle

Courses
8
Lessons
518
Enrolled
506

What's Included

Product Details

Access
Lifetime
Content
10 hours
Lessons
90

Learn to Code, Become a Web Developer & Master JavaScript!

Master JavaScript Inside & Out with 10 Hours of Premium Instruction

By Mammoth Interactive | in Online Courses

Just as painters are nothing without their palettes, so too are developers ineffective without an understanding of JavaScript. Add this must-know language to your repertoire, and learn to program web pages and apps that function precisely as you intend. You'll build three real apps in the process, both solidifying your knowledge and bolstering your web portfolio.
  • Learn how to code in JavaScript w/ 10 hours of content
  • Master the basics of JavaScript syntax: arrays, variables, statements, etc.
  • Format UI elements: headers, input boxes, buttons & more
  • Configure the logic of your app to function the way you want
  • Utilize HTML & CSS to build your app from the ground up & make it dynamic
  • Build 3 apps to consolidate your knowledge
  • Master programming fundamentals transferrable to other projects
John Bura has been programming games since 1997 and teaching since 2002. He is the owner of the game development studio Mammoth Interactive, which produces XBOX 360, iOS, Android, and HTML5 games, amongst others. John has also provided game design, audio, programming, level design, and project management services as a contractor. He has contributed to 40 commercial games to date, several of which have risen to the top of the iTunes leaderboards. For more details on the course and instructor, click here. This course is hosted by StackSkills, the premier eLearning destination for discovering top-shelf courses on everything from coding—to business—to fitness, and beyond!

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
Instruction on the following apps included:
  • Tip Calculator
  • Sports Counter
  • Compound Interest Calculator

Compatibility

  • Internet required
  • Web browser
  • JsBin (free online website)

Course Outline

  • Introduction
    • Introduction
  • Learn JavaScript
    • 01. Script tags and JavaScript files
    • 02. Calling a function in JavaScript
    • 03. Talking about functions for beginners
    • 04. Changing the text of HTML tags and restting the app
    • 05. Introduction to Variables
    • 06. Changing variables
    • 07. Printing variables to the screen (3:24)
    • 08. Passing Variables through functions
    • 09. Variable Scope
    • 10. Organizing Variables
    • 11. Arrays
    • 12. Arrays and length
    • 13. Reversing an array's value
    • 14. Combining and joining arrays
    • 15. Sorting the array
    • 16. Splicing and adding items to the array
    • 17. The toString() method
    • 18. Looking at lastIndexOf and unshift()
    • 19. Taking text from a text box
    • 20. Organizational tip for variables
    • 21. Taking in numbers with the text box (2:09)
    • 22. Only putting in number variables
    • 23. If Statements
    • 24. Else if statements
    • 25. Objects
    • 26. Printing objects to the screen
    • 27. Functions in Objects (2:32)
    • 28. Random Numbers in JavaScript
    • 29. More Math expressions
    • 30. Dates
    • 31. Adding in dates (2:34)
    • 32. For loops
    • 33. Breaking and arrays
    • 34. While Loops
    • 35. Boolean variables
    • 36. Getting Screen properties
    • 37. Finding the Window hight and width (2:11)
    • 38. Prototypes
    • 39. Changing the style properties with JavaScript
    • 40. Styling the button
    • 41. Changing the input box
  • Tip Calculator
    • 01. Introduction (1:02)
    • 02. Adding in the HTML
    • 03. Changing the font to a more stylish font
    • 04. Adding in the background color and the div tag (2:31)
    • 05. Adding in the div tag CSS
    • 06. Changing the header style
    • 07. Changing the box
    • 08. Adding in the button colors
    • 09. Adding in the label CSS (2:02)
    • 10. Adding in the focus and valid css logic
    • 11. Adding in the hover button logic
    • 12. Adding in the button focus logic
    • 13. Setting up the functions in javascript
    • 14. Taking in the text from the text boxes
    • 15. Adding in tip logic
    • 16. Formatting to two decimal places (1:33)
    • 17. Adding in a clear button
    • 18. Tip calculator Conclusion (3:30)
  • Sports counter
    • 01. Introduction
    • 02. Setting up the CSS
    • 03. Adding in the beginning CSS
    • 04. Adding in the button class logic
    • 05. Adding in the buttons
    • 06. Changing the reset buttom
    • 07. Formatting the fonts
    • 08. Changing the color
    • 09. Adding in the focus to the buttons
    • 10. Setting up the functions (1:10)
    • 11. Adding in the button fucntionality (2:24)
    • 12. Adding in the reset feature
    • 13. Sports counter conclusion
  • Compound Interest Calculator
    • 01. Introduction
    • 02. Setting up the HTML
    • 03. Adding in the div tag CSS
    • 04. Formatting the headers
    • 05. Formating the input boxes
    • 06. Formatting the buttons
    • 07. Styling the buttons
    • 08. Adding in the label CSS
    • 09. Adding in the focus, and valid logic to the input and label
    • 10. Adding in the hover logic
    • 11. Setting up the JavaScript File
    • 12. Pulling in the user input
    • 13. Adding in the compound interest formula
    • 14. Checking the answer
    • 15. Rounding the float
    • 16. Adding in the clear button functionality
    • 17. Final touches, conclusion and challenge!
    • Quotes

View Full Curriculum


Access
Lifetime
Content
7 hours
Lessons
68

Essential JavaScript, jQuery & AngularJS Training

Level Up Your JavaScript Skills By Mastering an Essential Library & Framework

By SimonSezIT | in Online Courses

Want to take your JavaScript skills to the next level? With this 3-course training, you'll master using the jQuery library and AngularJS framework to simplify and expedite the way you write code. Start by learning fundamentals such as how to craft basic JavaScript statements, and conclude your 7-hour training with the skills to build fully functional web pages and apps.
  • Course 1: Learn JavaScript for Beginners
    • Master essential JavaScript basics: syntax, strings, data types, etc.
    • Use various functions: scope, callback, return & anonymous
  • Course 2: jQuery Crash Course
    • Master the most popular JavaScript library in use today
    • Dive into the basics of jQuery syntax
    • Manipulate, traverse & filter the Document Object Model (DOM)
  • Course 3: Angular Crash Course for Beginners
    • Learn about data binding, controllers & app creation
    • Utilize CRUD (Create, Read, Update, Delete) capabilities via scope binding
    • Use Angular in IDE projects
Since 2008, individuals, small businesses, and Fortune 500 companies with thousands of employees have benefited from the easy and hands-on software training offered by Simon Sez IT. With 70+ courses and 3,500+ video tutorials on a range of software programs, Simon Sez IT ensures stress-free eLearning and enhanced employee productivity - no matter whether you are implementing new software or a technological upgrade for your workplace. For more details on the course and instructor, click here. This course is hosted by StackSkills, the premier eLearning destination for discovering top-shelf courses on everything from coding—to business—to fitness, and beyond!

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: intermediate

Compatibility

  • Internet required

Course Outline

  • Introduction to Javascript
    • Course Objectives
    • IMPORTANT - Read this to ensure the best video quality!
    • Basic Setup
    • Course Demo Files
  • Primitive Data Types, Strings, Operators, Numbers, Conditionals, Loops & Arrays
    • Primitive Data Types - Part 1
    • Primitive Data Types - Part 2
    • Operators
    • Strings
    • Numbers
    • Conditional Statements
    • Loops
    • Nested for Loops
    • Arrays
    • Multidimensional Arrays
    • Array Methods
    • Looping through Arrays
  • Functions
    • Functions
    • Scope Functions
    • Variable Hoisting Functions
    • Declarations and Expressions
    • Self-Invoking and Anonymous Functions
    • Callback Functions
    • Functions that Return Functions
    • Closures
  • Objects
    • Objects
    • Copying Objects
    • Objects Functions and This - Part 1
    • Objects Functions and This - Part 2
    • Constructors and Factories
    • The Module Pattern
  • Document Object Model and Course Conclusion
    • Creating Elements
    • Adding Selectors and Selecting Elements
    • Event Handlers and Event Listeners
    • Capturing Form Input
    • More Selection Options
    • Libraries
    • Course Review
  • Javascript Training Course Quiz
  • Quiz 1
    • Assessment Test - Javascript Quiz
  • Introduction to jQuery
    • Hello World Example
    • Course Demo Files
    • Setting Values with Text HTML
    • Getting Values with Text HTML
    • Selectors
    • Events
    • Showing and Hiding Effects
    • Combining Events with Selectors
    • Traversing and Filtering
  • Advance Concepts
    • Introduction to Advance Features of jQuery
    • Drawing and Mouse Position
    • Recording Events
    • UI Elements
    • UI Dialog
    • UI Datepicker
    • UI SFx
    • Plugins
  • Learn jQuery Quiz
  • Quiz 2
    • Assessment Test - jQuery Quiz
  • Introduction to Angular JS
    • What is Angular JS and Creating an Angular App using JSFiddle
    • Data Binding
    • Controllers and Creating Simple Apps
    • Controllers with Multiple Rows of Data
    • Controllers with Scope Binding
    • Scope Binding with CRUD Operation - Part 1
    • Scope Binding with CRUD Operation - Part 2
    • Using Angular in IDE Projects
  • Advanced Topics
    • Angular HTTP Service
    • Angular Dependencies in Applications
    • Combining Binding, Validation, and Directives
    • Custom Directives - Part 1
    • Custom Directives - Part 2
    • Custom Directives With Scope
  • AngularJS Course Quiz
  • Quiz 3
    • Assessment Test - AngularJs Quiz

View Full Curriculum


Access
Lifetime
Content
6.5 hours
Lessons
103

Master EmberJS: Learn EmberJS From Scratch

Eliminate the Minutiae of Coding Common Backend Processes From Scratch

By Skillbakery Studio | in Online Courses

No need to program common backend processes from scratch, because EmberJS automates that for you. This handy JavaScript framework will turbocharge your app building process, freeing you to focus on the bigger challenges of client side scripting. In layman's terms: you'll be creating amazing apps more quickly and effectively than you ever thought possible.
  • Delve into the EmberJS framework w/ 6.5 hours of content
  • Learn how to develop dynamic user interfaces
  • Master basic EmberJS concepts: routing, models, views, etc.
  • Utilize EmberJS in conjunction w/ jQuery & other frameworks and libraries
  • Easily precompile your Ember code
  • Understand advanced topics: work w/ Node & MySQL, etc.
SkillBakery is a fast-growing online education company. Its vision is to provide high-quality, affordable, and accessible education to everyone. It currently offers courses in web development, and will soon be publishing new courses in other categories as well. For more details on the course and instructor, click here. This course is hosted by StackSkills, the premier eLearning destination for discovering top-shelf courses on everything from coding—to business—to fitness, and beyond!

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
  • HTML & JavaScript knowledge required
  • Basic CSS knowledge required
  • Basic jQuery knowledge recommended

Course Outline

  • Introduction to Ember.js
    • What is Ember.js
    • Understanding Ember.JS Architecture
    • How this course is organized
    • Downloading & Installing Embjer.js
    • Creating an Ember.js application - Ember CLI Application
    • Creating Cutom Ember Application
  • Templates
    • HandleBar Basics
    • Application Template
    • Conditionals
    • Dispalying a list of items
    • Binding Element Attributes
    • Binding Element Class Names
    • Links
    • Actions
    • Input Helpers
    • Development Helpers
  • Routing
    • Introduction
    • Defining Routes
    • Generated Objects
  • Models
    • Model Introduction
    • Defining Models
    • Creating Records
    • Pushing The Records into the Store
    • Finding Records
  • Views
    • Introduction to Views
    • Defining a View
    • Event Handling
    • Inserting Views in Templates
    • Customizing a Views Element
  • Router,Controllers & Route
    • Introduction to Router
    • Configuring Navigation Links
    • Creating a controller
    • Using Ember Route
    • Working with Dynamic Segment Route
    • Nested Routes & Nested Templates
  • Models & Adapters
    • Creating an Ember Model
    • Working with Ember Data
    • Mapping Models with Another Model
    • Making use of RESTAdapter - Fetch Data From Server
  • Working with Array Controllers and Property Binding
    • Sorting using RESTAdaptor
    • Sorting on Client End using ArrayControllers
    • Property Binding & Computed Aliases
    • Computed Properties
    • Nested Routes with Controllers
  • Ember Components
    • Introduction to Components
    • Adding Functionality to our Component Template
    • Using Partials
    • Create a Controller From Template
    • Ember Views
  • Controller Actions, Custom Views And Events
    • Understanding Controller Actions
    • Model DataBinding
    • Custom Views and Events
    • Writing Helpers
  • Externalizing Templates
    • Creating Templates Externally
  • Precompiling Templates using Grunt
    • Precompiling templates
    • Precompiling Partials using Grunt
  • Enumerables
    • Undestanding Enumberables
  • The Object Model
    • Classes & Instances
    • The Object Model Computed Properties
    • The Object Model Observer
    • The Object Model Each
    • The Object Model Bindings
    • The Object Model Reopen
  • Conclusion & Code Samples
    • Conclusion & Code Samples
  • Ember Command Line Interface and Ember 2.0
    • Creating Ember Application using Ember CLI
    • Benefits of using Ember CLI applications
    • What is new in Ember 2.0
    • Revised Architecture Ember 2.0
    • Ember Data Flow
    • Revisiting Ember Router
    • Creating route and its actions
    • Adding Bootstrap CSS to Ember CLI Application
    • Displaying Data using Model in Templates
    • Adding assets like images in Ember CLI applications
    • Understanding Ember 2.0 File Structure
  • Creating Quotes Project - An Ember 2.0 Application
    • Creating our Quotes Application
    • Quotes Application outline and layout
    • Updating Templates using HTMLBars
    • Adding Style to our Quotes Application
    • Creating Routes For our Quotes Application
    • Creating Nested Routes
    • Working with Components
    • Working with Ember Data
    • Using models with our components
    • Populating the Quotes List
    • Creating user profile page
    • Working with Following/Followers
    • Making use of External Libraries
    • Preparing our Quotes Form
    • Creating Login Form
    • Code For Quotes Application - Milestone - 1
  • Working with Node and MySQL - Developing Server Side of Quotes Application
    • Introduction
    • Installing Node.JS on Windows
    • Installing Node.JS on Mac
    • Installing MySQL on Windows and Other Systems
    • Creating our REST API
    • Creating Database and User Table
    • Creating Quote, Following and Follower Models
    • Understanding Ember REST API Conventions
    • Working with our REST API
    • Code For Quotes with REST API - Milestone II
  • Conclusion
    • Conclusion

View Full Curriculum


Access
Lifetime
Content
16 hours
Lessons
68

Using Modern JavaScript Today

Learn Everything You Need to Write Modern, Maintainable & Organized JavaScript Code

By 3D Buzz | in Online Courses

JavaScript has evolved greatly since it first burst onto the programming landscape in 1995. So, make sure you're up to date with the latest standards and tools with which to effectively write your code. This course will familiarize you with the NodeJS framework, automate tasks, and more--making JavaScript development faster and more efficient than ever before.
  • Write modern, maintainable & organized JavaScript w/ 16.5 hours of content
  • Understand how to use the NodeJS framework
  • Utilize the Babel transpiler to ensure your code will run in any browser
  • Use the Gulp task runner to write code that performs automated tasks
  • Dive into Bower, a client-side package manager that expedites installation of 3rd party dependencies
3D Buzz is a company dedicated to providing the world with quality technical education over 3D animation, programming, game design, and much more. We have been producing training videos since 2001, always pushing the envelope in the development of informative lessons with an engaging and personable format. We try to make the viewer feel more like they're involved in a classroom discussion with an energetic teacher as opposed to being stuck in a dry, uninspired, run-of-the-mill training video. For more details on the course and instructor, click here. This course is hosted by StackSkills, the premier eLearning destination for discovering top-shelf courses on everything from coding—to business—to fitness, and beyond!

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

Course Outline

  • Fundamentals: How To Node
    • Introduction
    • Overview
    • Installing Node
    • Running JavaScript in Node
    • Node Modules (CommonJS)
    • Node Example 1
    • Node Example 2 - Part 1
    • Node Example 2 - Part 2
  • NPM: Never manually download a library again
    • The Basics
    • Local Modules
    • (ES2015) Arrow Functions
    • (Library) Lodash
    • Packages
    • Versioning
    • Scripts
  • Bower and Less: How to make CSS bearable
    • Bower
    • Less - Part 1
    • Less - Part 2
    • Less - Part 3
    • Less - Part 4
  • ES2015: How to make JavaScript bearable
    • Introduction
    • Babel
    • VS Code
    • Variables
    • Deconstruction
    • Object Literals
    • Classes
    • Symbols
    • Iterables - Part 1 - Generators
    • Iterables - Part 2 - Advanced
    • Promises
    • Conclusion
  • Gulp: How to automate your life
    • Introduction
    • Gulp + Babel: Our First Task
    • Task Dependencies
    • Streams
    • Object Streams
    • Vinyl FS
    • Common Plugins
    • Production
    • Watching
    • Organization
    • Gulp 3
    • Conclusion
  • Modules: How to organize your assets
    • Introduction
    • ES2015 Syntax
    • Formats
    • Example App - Part 1
    • Example App - Part 2
  • Modules: RequireJS
    • Introduction
    • Shims
    • Optimization
    • Code Splitting
  • Modules: Browserify
    • Introduction
    • Gulp
    • CSS
    • Watching
    • Conclusion
  • Modules: Webpack
    • Introduction
    • Loaders
    • Example App
    • Gulp
    • Development Server
    • Common Plugins
    • Conclusion
  • Modules: JSPM
    • SystemJS
    • JSPM In our Example App
  • The End
    • Conclusion

View Full Curriculum


Access
Lifetime
Content
3 hours
Lessons
26

Javascript and jQuery Basics for Beginners

Dive into This Powerful Library to Quickly & Easily Write JavaScript Code

By EDUmobile Academy | in Online Courses

jQuery is the most popular JavaScript library in use, as it dramatically simplifies the process of writing JavaScript. 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/ 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. For more details on the course and instructor, click here. This course is hosted by StackSkills, the premier eLearning destination for discovering top-shelf courses on everything from coding—to business—to fitness, and beyond!

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
    • Looping Demo
    • Errors
  • Document Object Model (DOM)
    • Elements and Attributes
    • Events
    • Function Calculator Exercise
  • Introduction to jQuery
    • jQuery - Intro and Setup
  • Selectors, Events and Effects in jQuery
    • jQuery Selectors Demo
    • jQuery Events Demo
    • jQuery Effects Demo
    • jQuery Animations Demo

View Full Curriculum


Access
Lifetime
Content
5 hours
Lessons
44

Learn to Program JavaScript (In 10 Easy Steps)

Use This Essential Technology to Power Websites, Apps & More

By Huw Collingbourne | in Online Courses

JavaScript is to HTML what Bonnie is to Clyde: one half of a dynamic duo that powers much of what you can see on the Web. Whether you're seeking to implement widgets or validate form data, you'll take your projects to the next level using JavaScript--and this course is the place to start.
  • Learn all you need to write JavaScript w/ 5.5 hours of content
  • Understand core features of programming: variables, functions & data types
  • Automate web pages, hide email addresses, swap stylesheets, etc.
  • Load XML data to create AJAX apps
  • Animate images & utilize drawing capabilities in HTML5
  • Utilize source code to access sample programs
Huw Collingbourne runs Bitwise Courses and teaches on a range of programming topics. He is also the technology director at SapphireSteel Software, a company which makes tools for Microsoft Visual Studio. For more details on the course and instructor, click here. This course is hosted by StackSkills, the premier eLearning destination for discovering top-shelf courses on everything from coding—to business—to fitness, and beyond!

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: beginner

Compatibility

  • Internet required
  • Web browser
  • Code editor

Course Outline

  • Step One
    • What is JavaScript?
    • Getting Started
    • Source Code Archive
    • The Little Book Of JavaScript
    • Editors, Browsers and Debuggers
    • Hello world!
  • Step Two
    • Variables
    • User Interaction
    • Comments
  • Step Three
    • Functions
    • Parameters and arguments
    • Scope
  • Step Four
    • Strings
    • String Methods
    • Tests and Conditions
    • Comparison Operators
  • Step Five
    • Mathematical Operators
    • Operator Precedence
    • ++ and --
    • Shorthand Operators
    • NaN
    • Logical Operators
  • Step Six
    • for loops
    • Hide an email address using a 'for' loop
    • Arrays and loops
    • Switching stylesheets
  • Step Seven
    • Objects
    • Associative Arrays
  • Step Eight
    • AJAX - an introduction
    • A simple AJAX example
    • Processing XML files and RSS Feeds
    • Lists and how to handle them
    • Error-handling
    • Browser Information
  • Step Nine
    • How to create HTML elements in JavaScript
    • Create an animated text tickertape
    • Image Animation
    • Rollover Buttons and Menus
    • Moving Image Effects
    • Drawing on the Canvas
  • Step Ten
    • Free Code Libraries
    • jQuery – a brief introduction
    • IDEs and Editors revisited...
    • And Finally...

View Full Curriculum


Access
Lifetime
Content
12 hours
Lessons
91

JavaScript from Beginner to Expert

Boost Your Employability & Bolster Your Portfolio with Essential Web Development Knowledge

By Arkadiusz Wlodarczyk | in Online Courses

It's a given in today's web development landscape: JavaScript is a must-know language for serious programmers. Bolster your skills with this essential web technology with just 12 hours of instruction. Before you know it, tech companies all over will be hitting up your inbox, begging you to work your JavaScript magic on their web pages and apps.
  • Completely understand JavaScript w/ over 12 hours of content
  • Master JavaScript basics: properly embed scripts, ensure they're executed correctly, etc.
  • Understand how to use the Document Object Model (DOM)
  • Add interactive, animated elements to your site or app: image sliders, forms w/ pre-validation, galleries, etc.
  • Debug your code so it executes w/ no problem
Arkadiusz Wlodarczyk has had experience developing websites for over 14 years, and has programmed for over 10 years. Based in Poland, he is the author of 27 popular video courses about programming, web development, and math. He has also created 7 video courses in English, and has taught tens of thousands of students enrolled across all his courses. For more details on the course and instructor, click here. This course is hosted by StackSkills, the premier eLearning destination for discovering top-shelf courses on everything from coding—to business—to fitness, and beyond!

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: beginner, intermediate, advanced, all levels

Compatibility

  • Internet required

Course Outline

  • Introduction
    • What is Javascript and where can you use it?
    • Who am I? (0:51)
    • Assumptions in this course
    • What you will know after this course?
  • Editor
    • Downloading and installing editor (5:37)
    • Creating the project / structure of project (6:05)
    • Useful shortcuts that will save you tons of time
  • Basics
    • Properly embedding JS scripts on your website reducing website loading speed
    • Basics: How is your script executed? Whitespaces/semicolons etc.
    • Comments
    • Variables
  • Operators
    • Arithmetic operators
    • Relational operators (5:58)
    • Logical operators (7:26)
    • Bitwise operators (17:17)
  • Conditions
    • Conditional Statements (10:58)
    • Conditional operator ?:
    • Switch (5:25)
  • Functions
    • Functions basics (17:31)
    • Scope of Variables within Functions and Outside of Functions
    • Function Expressions | Anonymous function
  • Objects
    • What are and how to create objects? (13:36)
    • Using an Object Constructor Function (class)
    • Adding Properties to Objects using Prototype
  • Arrays
    • Arrays (14:03)
    • Useful Array Methods
  • Loops
    • What is loop? while and do while loop (16:02)
    • loop for (3:29)
    • instruction break and continue
    • loop for/in - used for processing objects
    • EXERCISE: Argument Object in function (unlimited number of arguments) (5:48)
  • DOM (Document Object Model)
    • What is DOM / how to obtain content of your website (18:35)
    • querySelector - fast and easy accessing of elements on the website (6:05)
    • Changing dynamically styles of elements using JS
    • Adding and removing elements from document
    • EXERCISE: Loop inside another Loop - printing out multiplication table
  • Events
    • Basics of Events
    • 'this' - accessing the element that invoked the event function
    • onload event - VERY IMPORTANT LESSON DO NOT SKIP IT (4:01)
    • Adding and removing event listener
    • Event object as an automatically passed argument to function
    • Propagating (multiplication of events)
    • Preventing browser default action for example blocking context menu (6:05)
    • EXERCISE: onscroll Event - 'jump to the top of website' button (7:59)
    • Mouse events - dragging the image (12:29)
    • setTimeout and setInterval - Timing Events
    • EXERCISE: upgrading the code from the last lesson to object oriented way
  • Validating Forms using Events
    • How to validate forms? Validating text type input using form related events (19:21)
    • Stopping form from submitting when any data in a form is not correct (3:38)
    • checkbox (6:38)
    • radio input on terms and condition example (6:25)
    • select (combo box)
  • String
    • Manipulating a string using String's methods
    • Breaking string in many lines for readability and special characters
  • RegExp
    • Regular expressions
    • Regexp match vs exec function
    • EXERCISE: RegExp on practical example - testing password in input
  • Date
    • Time manipulation with Date object
    • Exercise: A Clock on your website
  • Cookies
    • What are cookies?
    • Function for creating cookies
    • Function for removing cookies (1:37)
    • Function for finding value of cookie by keyname (5:57)
    • Properly interpreting special characters - EncodeURIComponent method (1:49)
  • Dialog Window
    • Confirm and prompt box (5:59)
  • Math
    • Rounding numbers and the most useful Math methods (7:16)
    • Randomness (4:03)
    • EXERCISE: Random quotes (3:41)
  • Location
    • How to get and change location (URL) of your user? (3:08)
  • Images
    • Loading Images only when needed - save your bandwith and improve user experience (9:30)
  • Exercises
    • Slideshow (11:11)
    • Slideshow animated in JS using CSS property transition (4:36)
    • Animation using setInterval that is supported in every web browser
    • Image gallery with thumbnails
    • Tooltip - how to create a hint box?
  • Closures
    • What are closures on practical example? (14:49)
  • BONUS 1: Debugging
    • Firebug (3:28)
    • Debugging with console commands (4:06)
    • Great online tools for testing and sharing your code
    • strict mode (2:06)
  • BONUS 2: Best practises
    • Code performance
    • Keeping one .js file (2:30)
    • Compressing JS files (3:50)
    • 7 most common mistakes you should avoid (7:27)
    • Changing IDE coloristics - keep your eyes healthy
  • Summary
    • What after this course? (8:07)

View Full Curriculum


Access
Lifetime
Content
5 hours
Lessons
28

Reactive JS: Are You Ready for the Next Big Paradigm Shift?

Keep Your Development Skill Set Razor Sharp with This Reactive Programming Tool

By 3D Buzz | in Online Courses

Think of a program as a spreadsheet, and its variables as cells. If a cell changes, then anything referring to it does too. In a reactive programming system, the same happens with a variable and its associated content. This is where ReactiveJS comes in. A powerful framework predicated upon reactive programming, this program will simplify building complex UIs, crafting data visualizations, and more.
  • Master the ReactiveJS framework w/ over 5.5 hours of content
  • Understand the core concepts of the Reactive paradigm
  • Compare traditional vs. Reactive implementations of autocomplete
  • Create observables, utilize subjects, share observable sequences, etc.
  • Master use of useful operators: Do, Finally, StartWith, etc.
  • Easily create complex UIs, data visualizations & more
3D Buzz is a company dedicated to providing the world with quality technical education over 3D animation, programming, game design, and much more. We have been producing training videos since 2001, always pushing the envelope in the development of informative lessons with an engaging and personable format. We try to make the viewer feel more like they're involved in a classroom discussion with an energetic teacher as opposed to being stuck in a dry, uninspired, run-of-the-mill training video. For more details on the course and instructor, click here. This course is hosted by StackSkills, the premier eLearning destination for discovering top-shelf courses on everything from coding—to business—to fitness, and beyond!

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

Course Outline

  • Introduction
    • Introduction
    • Course Overview
    • A Brief Recap of Programming Paradigms
    • Core Reactive Concepts
    • Building our Playground: Part 1
    • Building our Playground: Part 2
    • Using the Playground
  • Motivation
    • Autocomplete: Traditional Implementation
    • Autocomplete: Reactive Implementation
  • The Core of Reactive Extensions
    • Observables, Operators, and Subscriptions
    • Creating Observables: Part 1
    • Creating Observables: Part 2
    • Built in Observables
    • Using RxJS with DOM Events, Node Functions and Promises
    • Subjects
    • RxJS Source Code, Resources and Documentation
    • Sharing Observable Sequences: Hot vs Cold, Publish and Share
  • Operators that Everyone Should Know
    • Do / Finally / StartWith / Filter
    • Concat / Merge
    • Map / MergeMap / SwitchMap
    • Reduce / Scan
    • Buffer / ToArray
    • First / Last / Single / Skip / Take
    • Zip / WithLatestFrom / CombineLatest
    • Error Handling: Catch and Retry
    • Conclusion
  • The End
    • Final Example: Drag and Drop
    • Conclusion

View Full Curriculum



Terms

  • Instant digital redemption