The Ultimate JavaScript Programming Bundle

5.0 Value Rating*

This massive bundle is for all you Javascript fanatics out there! Leave no stone unturned and master Javascript development with this unique set of high quality courses composed of popular courses from top tutors around the web.

$59

$29.50
45
COURSES
2161
LESSONS
NEW
ENROLLED

LIFETIME ACCESS TO ALL THESE 45 COURSES
Learn Essential Javascript Fundamentals Deal
Learn Essential Javascript Fundamentals

$99 Value

Learn Angular JS for Beginners Deal
Learn Angular JS for Beginners Deal

$99 Value

Advanced Javascript Development
Advanced Javascript Development

$99 Value

Beginning ES6, The Next Generation of JavaScript
Beginning ES6, The Next Generation of JavaScript

$25 Value

Comprehensive JavaScript Programming
Comprehensive JavaScript Programming

$10 Value

Famo.us Javascript Framework
Famo.us Javascript Framework            

$99 Value

Getting Started with NodeJS for Beginners
Getting Started with NodeJS for Beginners

$19 Value

Learn HTML5, CSS and JavaScript Basics from Scratch
Learn HTML5, CSS and JavaScript Basics from Scratch

$10 Value

Javascript for Beginners
Javascript for Beginners                              

$49 Value

Building eCommerce Applications with Express
Building E-Commerce Applications with Express

$36 Value

Building a TodoMVC Application in Vue, React and Angular
Building a TodoMVC Application in Vue, React and Angular

$21 Value

The Complete Full-Stack JavaScript Course!
The Complete Full-Stack JavaScript Course!

$9.99 Value

Master Backbone JS A Course For Web Developers & Designers
Master Backbone JS: A Course For Web Developers & Designers

$20 Value

Master Meteor - Meteor JS From the Ground up
Master Meteor - Meteor JS From the Ground up

$20 Value

Learn Meteor Web framework
Learn Meteor Web framework                              

$29 Value

Learn Vue.js - The Progressive JavaScript Framework
Learn Vue.js - The Progressive JavaScript Framework

$80 Value

Master KnockoutJS Knockout JS - JavaScript MVVM
Master KnockoutJS : Knockout JS - JavaScript MVVM                                         

$20 Value

Master EmberJS Learn EmberJS From Scratch
Master EmberJS : Learn EmberJS From Scratch                                          

$25 Value

JavaScript project Learn to create a memory Game and more
JavaScript project Learn to create a memory Game and more                  

$9 Value

Amazing Javascript Code Examples From Scratch DOM coding
Amazing Javascript Code Examples From Scratch DOM coding

$9 Value

jQuery Fundamentals Bootcamp javascript for beginners
jQuery Fundamentals Bootcamp javascript for beginners

$10 Value

Learn React JS from Scratch
Learn React JS from Scratch                              

$25 Value

Functional Programming using JavaScript
Functional Programming using JavaScript

$25 Value

Master NodeJs A Practical Approach To Node JS
Master NodeJs : A Practical Approach To Node JS

$20 Value

Master Typescript Learn Typescript from scratch
Master Typescript : Learn Typescript from scratch

$20 Value

Master Javascript & jQuery
Master Javascript & jQuery                                    

$25 Value

JavaScript ES6 The Next Level
JavaScript ES6 : The Next Level                                          

$25 Value

Master AngularJS Learn Angular JS From Scratch
Master AngularJS : Learn Angular JS From Scratch

$25 Value

The Foundations of HTML CSS and JavaScript
The Foundations of HTML CSS and JavaScript

$25 Value

Starting with React.js
Starting with React.js                                                

$50 Value

Starting With Gulp
Starting With Gulp                                                      

$50 Value

Getting Started with Ember.js 2
Getting Started with Ember.js 2                                                

$99 Value

Node.js - From Zero to Web Apps
Node.js - From Zero to Web Apps                                                

$50 Value

AngularJS For Beginners
AngularJS For Beginners                                          

$29 Value

Angular 2 Crash Course with TypeScript
Angular 2 Crash Course with TypeScript

$50 Value

Javascript Best Practices
Javascript Best Practices                                          

$30 Value

Javascript Debugging Crash Course
Javascript Debugging Crash Course

$50 Value

JavaScript Fundamentals
JavaScript Fundamentals                                          

$50 Value

Learn MEAN Stack
Learn MEAN Stack                                                            

$80 Value

Starting with Backbone.js
Starting with Backbone.js                                                

$50 Value

Working with JavaScript Streams
Working with JavaScript Streams                        

$30 Value

Dreamweaver Templates and Javascript Menus
Dreamweaver Templates & Javascript Menus

$37 Value

Canvas image Creator HTML5 Javascript project from Scratch
Canvas image Creator HTML5 Javascript project from Scratch

$9 Value

jQuery for Absolute Beginners
jQuery for Absolute Beginners

$99 Value

Google Drive Image Gallery Website JavaScript Google Script
Google Drive Image Gallery Website JavaScript Google Script

$18 Value

DETAILS OF THE 45 COURSES IN THE BUNDLE
Learn Essential Javascript Fundamentals Deal

Learn Essential Javascript Fundamentals

Instructor: EDUmobile Academy

OverviewDescriptionAbout

Sit through one hour of training and walk out understanding Javascript as its core.

JavaScript is a programming language that can be run by all modern web browsers. It is downloaded alongside the HTML code of a webpage. Unlike HTML, which can only be used to display content, JavaScript allows web designers to add functionality and interactivity to their websites.

JavaScript is a programming language that can be run by all modern web browsers. It is downloaded alongside the HTML code of a webpage. Unlike HTML, which can only be used to display content, JavaScript allows web designers to add functionality and interactivity to their websites.

What you will learn

We will begin the course by learning where to write JavaScript. We will look at writing JavaScript directly inside an HTML tag, then inside of a script tag, and then finally in a file separate from the HTML document. We will discuss some of the reasons for using each method.

After that, we will learn about how to manipulate some basic data types. We will learn about how to do simple arithmetic, and also look at some of JavaScript’s built-in mathematical capabilities. Then, we will learn about working with words and characters, using a data type known as the “string”. We will also cover the Boolean type, which is a representation of True and False inside of a programming language.

Then we will move on to more complex types. We will learn about the array, which is essentially a list. We will look at how to create arrays, how to access elements inside them, and how to modify the contents of an array. Functions will also be covered, which will allow us to organize code into simple, reusable pieces. We will also learn about objects, which are a way of grouping together data and behaviors.

We will then move on to control flow. We will look at the “if” statement, which allows the script to decide whether or not to execute a block of code based on some condition. We will also look at looping. Looping refers to repeatedly executing a block of code until some condition is met. Then, we will learn about errors, and how to handle them properly so that they do not halt execution of the script.

Next, we will look at the Document Object Model ( DOM ). This is what allows JavaScript to interact with the HTML code of a webpage. We will look at several ways of finding any particular HTML element on the page. Then we will see what information we can extract from that element (tag name, attributes,etc.). We will learn about adding and removing elements from a page. Finally, we will learn about events, which allows JavaScript to react to things like mouse clicks, mouse movement, key presses, and many others.

We will end the course with a practical exercise, in which we will build a simple JavaScript-based webpage. We will put to use most of the concepts covered in the course. We will look at how to validate user input, how to display results, and how to display meaningful error message to the user.

Prerequisites

HTML: The student must know how to use HTML tags and attributes. Only a very basic understanding of HTML is assumed.

Google Chrome (Recommended): Google Chrome is a free web browser and it will be

used to execute all the examples in this course. Although all browsers can run JavaScript, Chrome has extensive built-in developer tools. In the course, we will be using Chrome’s JavaScript console, which will allow us to run quick little examples without the need to create and edit files.

Notepad++ (Recommended): Notepad++ is a free, open-source text editor. Although JavaScript and HTML can be written using any text editor, Notepad++ is highly recommended because of features such as syntax highlighting and auto-complete.

EDUmobile Academy

EDUmobile Academy develops high quality video training courses around topics in mobile development including iPhone, Android, Windows Phone, Java, Responsive Web Design and other emerging technologies.

Every course is created by an expert developer AND a trained mentor in the area of expertise.

Each course undergoes a rigorous planning, review and an internal quality check phase – to ensure that the teaching is of highest standards available online.

EDUmobile Academy was founded in 2008 when smart phones were just emerging into the market. Founder Vishal Lamba is experienced in multiple areas of digital design, mobile development and design, web technologies and digital marketing. He has a mathematics and computer science degree from Lawrence University, USA.

Vishal works closely with content creators and teachers to ensure that every course released meets the internal rigorous quality standards.

All course creators and trainers are currently based in the USA. Support for each course on Udemy is provided with quick turn around by a small team of developers and trainers.

1:12  Hours

12 Lessons

Lifetime Access

Course Curriculum

Preview Course

Introduction to AngularJS
Introduction (7:04)
Simple Hello World App (5:51)
Angular Expressions (4:53)
Abstracting the Controller into a Module (8:44)
Data Binding, ng-repeat and Form Submission
Two-way Data Binding (3:33)
Using ng-repeat (5:27)
Using ng-show, ng-hide, and ng-if (5:02)
Form submission (8:32)
Filters in AngularJS
Using a Filter to Search (5:44)
Currency, Uppercase, and Lowercase Filters (4:03)
Discussion on Form Validation (6:12)
Demo on Form Validation (8:16)

Learn Angular JS for Beginners Deal

Learn Angular JS for Beginners Deal

Instructor: EDUmobile Academy

OverviewDescriptionAbout

We’ll help you understand the basics of AngularJS thoroughly with a practical “how-to” approach to working with data.

This course is designed to help you to understand the basics of AngularJS quickly and thorough.

This course is designed to help you to understand the basics of AngularJS quickly and thorough. AngularJS is basically a JavaScript framework (an open source web application framework) library, which is distributed as JavaScript file. Mainly used in developing Single Page Application (SPA). It extendes HTML with additional new attributes hence making simple development and making it more responsive at user’s end, since HTML was never design for dynamics views. AngularJS is very easy to understand hence learning it is a fun. Every feature of it can be modified as per the the requirement.

To learn AngularJS you should have a basic understanding of web technologies such as HTML, CSS and JavaScript. You will have access to source code of lecture (wherever applicable).

Unlike traditional courses that concentrate mainly on theory, we’ll take a practical “how-to” approach to working with data.

This will have access to source code of lecture (wherever applicalbe)——- course will cover following AngularJS topics

  • -Introduction to AngularJS
  • -Your first simple Hello World App
  • -Angular Expressions
  • -Abstracting the controller into a module
  • -2 Way data handling
  • -Usage of ng-repeat, ng-show, ng-hide & ng-if
  • -Form submissions
  • -Usage of filter search
  • -Uppercase and lowercase filter
  • -Form validations

I hope you enjoy the course, and I look forward to working with you!

EDUmobile Academy

EDUmobile Academy develops high quality video training courses around topics in mobile development including iPhone, Android, Windows Phone, Java, Responsive Web Design and other emerging technologies.

Every course is created by an expert developer AND a trained mentor in the area of expertise.

Each course undergoes a rigorous planning, review and an internal quality check phase – to ensure that the teaching is of highest standards available online.

EDUmobile Academy was founded in 2008 when smart phones were just emerging into the market. Founder Vishal Lamba is experienced in multiple areas of digital design, mobile development and design, web technologies and digital marketing. He has a mathematics and computer science degree from Lawrence University, USA.

Vishal works closely with content creators and teachers to ensure that every course released meets the internal rigorous quality standards.

All course creators and trainers are currently based in the USA. Support for each course on Udemy is provided with quick turn around by a small team of developers and trainers.

1:12  Hours

12 Lessons

Lifetime Access

Course Curriculum

Preview Course

Introduction to AngularJS
Introduction (7:04)
Simple Hello World App (5:51)
Angular Expressions (4:53)
Abstracting the Controller into a Module (8:44)
Data Binding, ng-repeat and Form Submission
Two-way Data Binding (3:33)
Using ng-repeat (5:27)
Using ng-show, ng-hide, and ng-if (5:02)
Form submission (8:32)
Filters in AngularJS
Using a Filter to Search (5:44)
Currency, Uppercase, and Lowercase Filters (4:03)
Discussion on Form Validation (6:12)
Demo on Form Validation (8:16)

Advanced Javascript Development

Advanced Javascript Development

Instructor: LearnToProgram

OverviewDescriptionAbout

Go Beyond the Basics with this Dive in to Javascript’s Most Important, Advanced Features

So you’ve got the basics down and you’re looking to grow as a Javascript developer? You want to learn how to exploit Javascript to create powerful front ends for web and mobile apps? You want to understand closures, and Object Oriented Javascript?

If so, you’ve found the right course.

So you’ve got the basics down and you’re looking to grow as a Javascript developer? You want to learn how to exploit Javascript to create powerful front ends for web and mobile apps? You want to understand closures, and Object Oriented Javascript?

If so, you’ve found the right course.

Code along with Marco, your expert instructor as you learn the techniques the pros use to create production quality,bullet-proof javascript code. This course is a deep dive in to some of Javascript’s most powerful features like regular expression pattern matching, closures and prototypes. Fully understand Javascript’s powerful DOM parsing model as you apply this language to your own development work.

Javascript is becoming the most important language in web and mobile. You can’t afford not to know the techniques Marco teaches in Advanced Javascript Development.

LearnToProgram, Inc.

LearnToProgram Media is a leading publisher of web, mobile, and game development courses that are used by over 500,000 people in 65 countries. LearnToProgram’s valuable network of technical resources includes content on YouTube, iTunes, and Roku, as well as books, free tutorials, and online courses.

With a mission of “teaching the world to code” LearnToProgram instructors are teachers first and technical experts second. Their primary skill is relating complex technical information to nontechnical people learning web, mobile and game development. The entirely online, self-paced sales model allows students to learn at their own pace.

With over 40 courses on the market, LearnToProgram offers students flexible programs in web development, mobile application development and game development. Currently the company’s most popular online courses include Become a Certified Web Developer and 10 Apps in 10 Weeks.

4  Hours

41 Lessons

Lifetime Access

Course Curriculum

Preview Course

Advanced Function Techniques
Function Closures (12:09)
Understanding Variable Scope (7:32)
Functions as Objects (11:46)
Variable Length Object Lists (6:36)
Event Propagation and Bubbling (8:42)
Lab Exercise 1
Objects
Creating Objects (6:25)
Object Properties (6:07)
Object Attributes (2:10)
Enumerations (4:45)
Deleting Attributes (3:58)
Lab Exercise 2
Arrays
Creating Arrays (2:58)
How to Read and Write Arrays (4:43)
How to Iterate Through Arrays (3:04)
Array Methods (14:30)
Lab Exercise 3
Classes and Modules
Classes and Prototypes (8:26)
Defining Your Own Classes (4:30)
Modules (5:48)
Lab Exercise 4
DOM Overview
How to Inject HTML into the DOM (11:40)
Cloning Elements in the DOM (6:12)
Removing Elements in the DOM (3:31)
Lab Exercise 5
XML Overview
Parsing and Displaying XML (8:36)
XML Attributes (3:29)
Adding Elements to an XML Tree (3:45)
How to Delete Elements from an XML Tree (4:19)
Modifying Elements to XML Tree (2:11)
Lab Exercise 6
Regular Expressions
How to Define Your Own regular Expressions (6:54)
String Methods for Pattern Matching (2:20)
The Regexp Object (7:33)
Lab Exercise 7
Window Object
Window Object Methods (6:08)
The Location Object (3:22)
The History Object (3:52)
Timers (3:29)
Lab Exercise 8
Lab Solutions
Lab Solutions

Beginning ES6, The Next Generation of JavaScript

Beginning ES6, The Next Generation of JavaScript

Instructor: Daniel Stern

OverviewDescriptionAbout

Learn how to compile, install and understand EcmaScript 6, and also use it in several hands-on tutorials

This course is a complete introduction to the exciting, new programming language ES6 – also known as EcmaScript 6, which is the language all internet applications will be written in within the next 5-10 years. It is much more powerful than plain old JavaScript. I

This course is a complete introduction to the exciting, new programming language ES6 – also known as EcmaScript 6, which is the language all internet applications will be written in within the next 5-10 years. It is much more powerful than plain old JavaScript. If you learn to use it, you can dramatically increase your coding productivity!

ES6 seems complicated, because there’s so much to take in, and there’s a lack of definitive resources. In fact, ES6 is very simple and easy to use! This series will fully demistify the process of using ES6!

We will cover many features of ES6 including:

– Compiling ES6 to JavaScript- ES6 arrow functions- ES6 classes- Rest, Spread and Default- Much More

This course will NOT cover some of ES6’s more difficult to understand or experimental elements. You will learn ONLY the most practical and simple ES6 skills. If you wish to learn about ES6 Modules, Generators or API Reflection, you may wish to seek out a more advanced course on ES6.

This course is packed with video tutorials and hands-on examples. You’ll want to be ready to code along at home to get the most from this course.

If you want to take your Web Development to the next level, and be SUPER-employable for the long-term, this is the course for you!

Daniel Stern

Known in development circles as “the Code Whisperer,” Daniel Stern has been believed to possess a supernatural connection to computers ever since he talked the supercomputer Deep Blue off the roof of a twelve-story St. Petersburg apartment building, following its shameful loss to Gary Kasparov.

He can often be found singing softly to his tablet, or gently caressing his aluminum keyboard in his arms.

Daniel has been working as a front end and full stack developer in the tech industry since 2011. He’s developed single-page applications for banks like CIBC, charities like the Ontario Institute for Cancer Research, and at ad agencies like McLaren McCann, TraffikGroup and Olson. Throughout his labors, he’s worked on computer programming in his spare time because, well, he’s obsessed with it.

In addition to being featured in both CSS Weekly and JavaScript weekly, Daniel is well-known throughout the open-source community for maintaining several open-source tools, most notably the Angular.js and LESS-based tool, Range .css and the Angular .js audio tool, ngAudio.

In addition to being trusted by the open source community to develop top-quality, functional code, Daniel has also been invited to speak at numerous conferences including Full Stack Conference 2014 in London, England.

Daniel is an active learner and very passionate about the following technologies,

– Node.js
– Angular.js
– TypeScript
– MongoDB
– Brackets, the Open Source Code Editor
– Esprima
– LESS
– Grunt
– Yeoman
– Many, many, many more

1  Hour

16 Lessons

Lifetime Access

Course Curriculum

Preview Course

WHAT IS ESP
An Introduction to This Course (3:27)
A Look at the ES6 Resources Available To You (5:05)
What Is ES6: An Explanation (4:34)
Understanding Babel, The JavaScript Compiler (3:36)
Practical ES6 Skills Today
Compiling ES6 on Your Workstation (6:38)
ES6 Features: An Introduction (3:00)
Classes & Inheritance (11:13)
Template Strings (5:17)
Destructuring (3:26)
Default, Spread and Rest (3:40)
Let and Const: The New Keywords (2:35)
An Overview of Advanced ES6 Features
ES6 Advanced Features Overview (10:40)
Course Summary (1:01)

Comprehensive JavaScript Programming

Comprehensive JavaScript Programming

Instructor: Jordan Hudgens

OverviewDescriptionAbout

This comprehensive JavaScript programming course will teach you how to develop JavaScript applications in around 2 hours

This comprehensive JavaScript programming course will teach you how to develop JavaScript applications, specifically you will learn: functions, objects, strings, arrays, debugging, and much more.

This comprehensive JavaScript programming course will teach you how to develop JavaScript applications, specifically you will learn: functions, objects, strings, arrays, debugging, and much more. JavaScript is one of the world’s most utilized programming languages, and this course will teach you how to build programs and lay the ground work for utilizing popular JavaScript libraries such as: jQuery, Ajax, and Node.js.

No experience is necessary to take this course, if you are looking to become a developer, this is a great starting point. Beginning with basic lessons on variables and string manipulation, and going all the way to developing custom functions to work with arrays and data structures, this course is truly comprehensive.

Jordan Hudgens

Jordan Hudgens has been a software engineer for the past decade and has traveled the world building applications and training individuals on a wide variety of topics ranging from programming techniques to Microsoft Office solutions.

With a Bachelor’s in Computer Science, Jordan focuses on project driven education, as opposed to pure theory based development. This style of teaching is conducive to learning how to actually build products in a short period of time.

Jordan currently develops projects for clients in a number of different industries utilizing a variety of programming languages and frameworks, including: Ruby on Rails, Java, PHP, Swift, and AngularJS.

4  Hours

27 Lessons

Lifetime Access

Course Curriculum

Preview Course

JavaScript Basics
JavaScript Course Intro (2:31)
How to use Variables in JavaScript (6:00)
How to Use Math in JavaScript – Part 1 of 2 (4:48)
How to Use Math in JavaScript – Part 2 of 2 (6:40)
How to Use Strings in JavaScript (4:34)
How to Get Data from a JavaScript Prompt (7:20)
JavaScript Conditionals
How to Use the If – Else Statement in JavaScript – Part 1 of 4 (8:27)
How to Use the If – Else Statement in JavaScript – Part 2 of 4 (10:45)
How to Use the If – Else Statement in JavaScript – Part 3 of 4 (5:10)
How to Use the If – Else Statement in JavaScript – Part 4 of 4 (6:10)
How to Use Comments in JavaScript (6:41)
How to Use the JavaScript Switch Statement (9:47)
JavaScript While and For Loops
How to Use the While Loop in JavaScript – Part 1 of 3 (7:27)
How to Use the While Loop in JavaScript – Part 2 of 3 (4:59)
How to Use the While Loop in JavaScript – Part 3 of 3 (7:39)
How to Use the For Loop in JavaScript – Part 1 of 2 (4:52)
How to Use the For Loop in JavaScript – Part 2 of 2 (2:45)
JavaScript Arrays and Data Structures
How to Use Arrays in JavaScript – Part 1 of 6 (8:21)
How to Use Arrays in JavaScript – Part 2 of 6 (5:48)
How to Use Arrays in JavaScript – Part 3 of 6 (7:07)
How to Use Arrays in JavaScript – Part 4 of 6 (10:16)
How to Use Arrays in JavaScript – Part 5 of 6 (10:08)
How to Use Arrays in JavaScript – Part 6 of 6 (12:56)
JavaScript Functions
How to Create Functions in JavaScript – Part 1 of 2 (5:45)
How to Create Functions in JavaScript – Part 2 of 2 (6:11)
JavaScript Objects
How to Create Objects in JavaScript – Part 1 of 2 (6:19)
How to Create Objects in JavaScript – Part 2 of 2 (12:49)

Famo.us Javascript Framework

Famo.us Javascript Framework

Instructor: LearnToProgram

OverviewDescriptionAbout

Create Stunning, Powerful, User Interfaces That Work on Any Size Screen

In a world of multiple screen sizes and platforms, creating elegant, usable and noticeable user interfaces is becoming increasingly difficult. Developers have to support not just traditional web users but tablet, mobile and even television based users. Creating interfaces that support all types of users can be pleasurable and efficient, if you know the Famo.us Javascript Framework.

In a world of multiple screen sizes and platforms, creating elegant, usable and noticeable user interfaces is becoming increasingly difficult. Developers have to support not just traditional web users but tablet, mobile and even television based users. Creating interfaces that support all types of users can be pleasurable and efficient, if you know the Famo.us Javascript Framework.

In this fast-paced and fun course Reece Siksay will take you through the features of the Famo.us Javascript framework and show you how to create elegant User Interfaces. Including over four and a half hours of demonstration, you’ll learn what Famo.us has to offer, and how you can take advantage of it. In this course you won’t sit idly by and watch Reece demo the framework’s features… Nine lab exercises included will have you reinforce your skills and challenge you as you master the Famo.us Framework.

You’ll begin with the basics of the Famo.us Javascript framework, installing the necessary libraries. You’ll then progress through the fundamentals, including surfaces, animations and events. More advanced content on event handling is also included.

If you’re a developer who wants an elegant and powerful solution for design across the device spectrum, Famo.us is what you’re looking for. You’ll become productive with the Famo.us Javascript framework very quickly, allowing you to create beautiful interfaces in just a few hours.

LearnToProgram, Inc.

LearnToProgram Media is a leading publisher of web, mobile, and game development courses that are used by over 500,000 people in 65 countries. LearnToProgram’s valuable network of technical resources includes content on YouTube, iTunes, and Roku, as well as books, free tutorials, and online courses.

With a mission of “teaching the world to code” LearnToProgram instructors are teachers first and technical experts second. Their primary skill is relating complex technical information to nontechnical people learning web, mobile and game development. The entirely online, self-paced sales model allows students to learn at their own pace.

With over 40 courses on the market, LearnToProgram offers students flexible programs in web development, mobile application development and game development. Currently the company’s most popular online courses include Become a Certified Web Developer and 10 Apps in 10 Weeks.

5  Hours

50 Lessons

Lifetime Access

Course Curriculum

Preview Course

Getting Started
Famo.us Update (3:10)
Famo.us (1:04)
What is famo.us? (6:12)
Getting and Installing Famo.us (6:42)
Working on your computer and Hello World (6:08)
Lab
Surfacing
Famo.us Surfaces (0:58)
Surface Properties (7:27)
Align and Origin (7:48)
Opacity and Background Imaging (9:12)
Lab
State Modifiers and Transformations
State Modifiers (1:01)
Translation (22:38)
Scaling and Turning (12:06)
In front and Behind (7:12)
Lab
Active and Moving Transformations
Transforming in Style (1:00)
Combined Transforms from a variable (8:47)
setTransform Part 1 (4:07)
setTransform Part 2 (7:05)
Spring to life (9:53)
Lab
Events
Creating interaction with events (0:59)
Clicks and Hover (7:01)
Layering of Events (8:25)
Key-Press Events (8:33)
Emit and Receive (8:01)
Lab
Custom Transforms with Modifiers
Active and Recursive Tran (0:33)
Modifiers (8:16)
Mapped States (10:51)
____ from (8:41)
Lab
Flowchart Project
Applied Knowledge (0:39)
Creating our Topic and Surfaces (12:00)
Adding Motion to our chart (9:52)
Creating Events (9:45)
Lab
Web Standards
Appearances (0:31)
Header-Footer (8:09)
Grid (7:12)
Flexible Layout (7:54)
Nesting (8:06)
Lab
Advanced Event Handling
Advanced topics and farther (0:30)
Compartmentalizing views (8:26)
Dragging Surfaces (8:51)
Other syncs (10:07)
Creation of Slideshow! (8:07)
Lab

Getting Started with NodeJS for Beginners

Getting Started with NodeJS for Beginners

Instructor: EDUmobile Academy

OverviewDescriptionAbout

Learn Basic of Powerful JavaScript Engine NodeJS with Core Libraries

NodeJs is a powerful JavaScript engine that can be used for a variety of tasks. In this course, we’ll learn the basics of working with NodeJS. We’ll work with the core libraries, but also learn about using npm: theNode Package Manager to load and work with any third party package that has been developed for NodeJS. We’ll also look at three ways to write and run a simple web server using node.

NodeJs is a powerful JavaScript engine that can be used for a variety of tasks. In this course, we’ll learn the basics of working with NodeJS. We’ll work with the core libraries, but also learn about using npm: theNode Package Manager to load and work with any third party package that has been developed for NodeJS. We’ll also look at three ways to write and run a simple web server using node.

The course is an hour long, and consists of two units. Topics include:

– installation
– testing and verifying the installation
– introduction to the npm
– using the REPL utility
– file input and output

The course assumes that you are comfortable writing and understanding object oriented JavaScript.

I hope you’ll join us for this exciting introduction to NodeJS.

EDUmobile Academy

EDUmobile Academy develops high quality video training courses around topics in mobile development including iPhone, Android, Windows Phone, Java, Responsive Web Design and other emerging technologies.

Every course is created by an expert developer AND a trained mentor in the area of expertise.

Each course undergoes a rigorous planning, review and an internal quality check phase – to ensure that the teaching is of highest standards available online.

EDUmobile Academy was founded in 2008 when smart phones were just emerging into the market. Founder Vishal Lamba is experienced in multiple areas of digital design, mobile development and design, web technologies and digital marketing. He has a mathematics and computer science degree from Lawrence University, USA.

Vishal works closely with content creators and teachers to ensure that every course released meets the internal rigorous quality standards.

All course creators and trainers are currently based in the USA. Support for each course on Udemy is provided with quick turn around by a small team of developers and trainers.

1  Hour

12 Lessons

Lifetime Access

Course Curriculum

Preview Course

Basic Setup
Introduction (3:07)
Download and Install of node.js (2:04)
Testing the Installation (5:55)
Getting Started
Introduction to the npm Package Manager (9:42)
Using the Read-Eval-Print Loop Utility (3:43)
Using the fs Library for File Input (7:02)
Pulling Information from the Listing (6:11)
File Output Added (7:06)
With Servers
Serving Static Content with the HTTP Package (4:40)
Using the HTTP Server Global Package (5:28)
Serving Files with Node-static (7:04)
Handling Error Pages with Node-static (5:47)

Learn HTML5, CSS and JavaScript Basics from Scratch

Learn HTML5, CSS and JavaScript Basics from Scratch

Instructor: Richard Sneyd

OverviewDescriptionAbout

Everything You Need to Know to Start Creating your own Websites, Web Apps and Games with HTML5, JavaScript & CSS

HTML5 is the latest evolution of web technology, encompassing decades of research and development. It has matured to the point that it can be used to create stunning, responsive and truly interactive websites, apps and games.

HTML5 is the latest evolution of web technology, encompassing decades of research and development. It has matured to the point that it can be used to create stunning, responsive and truly interactive websites, apps and games. Plus, anything written in HTML5 is inherently cross-platform, so becoming proficient in the use of HTML5 is immeasurably valuable to you as a web, app, or game developer.

This HTML5 introductory course teaches you all the fundamentals of working with the three cardinal technologies of the modern web: HTMLCSS and JavaScript. By the end of the course, you will:

  • Understand and be able to use all of the most important and frequently used HTML tags.
  • Have a working knowledge of CSS.
  • Be able to use JavaScript to create dynamic content, interactivity and functionality on your web pages and sites.
  • Be able to implement form validation using JavaScript

There really is no quicker way to learn these 3 core technologies of the web (which constitute HTML5), so why wait, sign up and start learning today — you won’t regret it!

Richard Sneyd

Richard Sneyd (1st Class B.A Hons.) is founder and CEO of CyberMyth Games, and administrator of CMG Academy, the no. 1 source of professional quality online training for digital art, development and design courses. In the performance of his duties within the company, he must wear many hats, including that of a programmer, designer, digital 2D & 3D artist, sound designer, scriptwriter, texture artist, leader, marketer and business man.

He is also a fully registered, qualified, and highly experienced lecturer. His speciality subjects include 3D Modelling & Animation, Computer Game Programming, 2D Image Processing, Game Design, Desktop Audio, Psychology, Consumer Behavior, Human Resources & Business Management.

Richard is enthusiastic about his work, with students and colleagues noting that he is a highly dedicated and accomplished teacher. All of his courses are characterized by a steady, incremental flow of information, and a lucid teaching style which is easy to understand and follow for all.

4  Hours

27 Lessons

Lifetime Access

Course Curriculum

Preview Course

Course Intro
What Will I Learn? (3:15)
Introduction to Basic HTML
Downloading the Required Software (1:33)
Basic HTML5 Concepts (12:53)
Commonly Used Tags and Elements (14:56)
Commonly Used Tags Part 2 (13:10)
HTML Basic Concepts
Intro to Basic CSS
Getting Started with Aptana (5:35)
Working with CSS Selectors and Rules (12:23)
Styling with Classes (13:08)
External Style Sheets (6:44)
Inline Styles (4:30)
Basic CSS Concepts
Introduction to Basic JavaScript
Intro to JavaScript (9:26)
User Defined Functions (8:07)
Variables (5:09)
Arithmetic Operators (6:04)
Dynamic Data Type (13:13)
Strings (4:32)
JavaScript Objects (8:46)
Conditional Logic (If Statements) (7:23)
Alert Boxes (2:10)
Form Validation (13:14)
External Scripts (3:25)
HTML5 Canvas (12:51)
JavaScript Basics
Website Project
Let’s Build our First Website (8:39)
Website Project Part 2 (13:54)
Website Project Part 3 (9:29)
Website Project Part 4 (6:59)
Website Project Part 5 (10:16)
Conclusion
Congratulations! Now, What’s Next?

Javascript for Beginners

Javascript for Beginners

Instructor: LearnToProgram

OverviewDescriptionAbout

Learn Javascript and supercharge your web design with this Javascript for beginners training course.

Take this Javascript training course and start learning Javascript today.

“As a business guy I have no place in programming.” Ten years ago, you could have gotten away with that statement. Today, you say that to your colleagues and they scoff at you before they go back to their computers to fix real problems and do real work.

Take this Javascript training course and start learning Javascript today.

“As a business guy I have no place in programming.” Ten years ago, you could have gotten away with that statement. Today, you say that to your colleagues and they scoff at you before they go back to their computers to fix real problems and do real work.

If you want to do something useful, start by learning Javascript. In these days when the browser is central to all computer use, knowing “the language of the browser” is the most important step.

A few years ago, Javascript’s potential was uncertain and many programmers considered it useless. These days, however, competent programmers have identified Javascript’s real potential and uses, and it has gone from a toy language to the main language of the browser. It has become one of the most useful languages of this era. Every developer needs at least a basic understanding of Javascript. A developer who knows Javascript is the rockstar of the company and is in constant demand by employers. Our online Javascript course will get you started by teaching all the essential aspects of coding in Javascript.

So… what’s it gonna be? Do you want to supercharge your career and be in constant demand by employers? Do you want to learn how to create dynamic and innovative Javascript documents? Start programming today with our Javascript course for Beginners training and take control of your career.

LearnToProgram, Inc.

LearnToProgram Media is a leading publisher of web, mobile, and game development courses that are used by over 500,000 people in 65 countries. LearnToProgram’s valuable network of technical resources includes content on YouTube, iTunes, and Roku, as well as books, free tutorials, and online courses.

With a mission of “teaching the world to code” LearnToProgram instructors are teachers first and technical experts second. Their primary skill is relating complex technical information to nontechnical people learning web, mobile and game development. The entirely online, self-paced sales model allows students to learn at their own pace.

With over 40 courses on the market, LearnToProgram offers students flexible programs in web development, mobile application development and game development. Currently the company’s most popular online courses include Become a Certified Web Developer and 10 Apps in 10 Weeks.

5  Hours

75 Lessons

Lifetime Access

Course Curriculum

Preview Course

Hello Javascript!
Hello World in Javascript (5:12)
Where to Put Javascript (8:35)
Chapter 1 Lab Exercise
Storing Information in Variables
Learning to Use Variables (7:50)
Variable Operators (10:45)
Chapter 2 Lab Exercise
Conditional Statements
Simple Conditionals (7:05)
If Else If Statements (5:47)
Switch Case Break Statements (5:15)
Chapter 3 Lab Exercise
Dialog Boxes
Three Types of Javascript Dialogs (7:33)
Chapter 4 Lab Exercise
Now We’re Iterating – Loops in Javascript
While Loops and Do… While Loops (5:26)
For Loops and Practical Applications of a Loop (8:11)
Chapter 5 Lab Exercise (4:28)
Coding Javascript Functions
Function Introduction (5:39)
Functions, Parameters and Returns (6:58)
Calling Functions from Events (3:46)
Chapter 6 Lab Exercise
Working with Arrays
Declaring Arrays (8:40)
Manipulating Arrays (10:51)
Chapter 7 Lab Exercise
The String Object
String Objects (12:25)
Chapter 8 Lab Exercise
Obtaining and Manipulating User Information
User Information (9:13)
Chapter 9 Lab Exercise
The Document Object
Document Object (6:56)
The InnerHTML Property (5:19)
Solutions
Chapter 10 Lab Exercise

Building eCommerce Applications with Express

Building E-Commerce Applications with Express

Instructor: Daniel Stern

OverviewDescriptionAbout

Building a Cutting Edge Application Which Can Take Orders and Process Payments – From Scratch!

Every day, the modern economy moves a bit more online. Will your business, or your technical skills, at the necessary level to thrive, or will you find it harder and harder to survive?

Every day, the modern economy moves a bit more online. Will your business, or your technical skills, at the necessary level to thrive, or will you find it harder and harder to survive?

This is THE course for:

  • Business owners who want an online solution with maximum control
  • Developers who want to build practical, in-demand skills in order to get hired
  • People unsatisfied with existing ecommerce solution
  • Vendors tired of paying exorbitant fees to payment processing partners

We’re going to cover SO MUCH STUFF in this course it’s better just to have a look at the curriculum, but here’s an eagle’s eye view of everything we’re going to learn:

  • Templating websites with React
  • Templating Emails with React
  • Building a REST API with Express
  • Storing data forever on MongoDB
  • Connecting Express to MongoDB
  • Storing credit card information in databases
  • Validating credit card information
  • Using Babel to compile Express applications
  • Using Webpack to build a React client
  • Source control with GIT
  • Managing state with Redux
  • Running subroutines with Redux Saga
  • Working with Browser routing using React Router

Daniel Stern

Known in development circles as “the Code Whisperer,” Daniel Stern has been believed to possess a supernatural connection to computers ever since he talked the supercomputer Deep Blue off the roof of a twelve-story St. Petersburg apartment building, following its shameful loss to Gary Kasparov.

He can often be found singing softly to his tablet, or gently caressing his aluminum keyboard in his arms.

Daniel has been working as a front end and full stack developer in the tech industry since 2011. He’s developed single-page applications for banks like CIBC, charities like the Ontario Institute for Cancer Research, and at ad agencies like McLaren McCann, TraffikGroup and Olson. Throughout his labors, he’s worked on computer programming in his spare time because, well, he’s obsessed with it.

In addition to being featured in both CSS Weekly and JavaScript weekly, Daniel is well-known throughout the open-source community for maintaining several open-source tools, most notably the Angular.js and LESS-based tool, Range .css and the Angular .js audio tool, ngAudio.

In addition to being trusted by the open source community to develop top-quality, functional code, Daniel has also been invited to speak at numerous conferences including Full Stack Conference 2014 in London, England.

Daniel is an active learner and very passionate about the following technologies,

– Node.js
– Angular.js
– TypeScript
– MongoDB
– Brackets, the Open Source Code Editor
– Esprima
– LESS
– Grunt
– Yeoman
– Many, many, many more

3:54  Hours

19 Lessons

Lifetime Access

Course Curriculum

Preview Course

Introduction
Why Build an E-Commerce Application? (2:18)
Can’t I Just Use PayPal? / The Advantages of Our Own Solution (6:08)
E-Commerce Application Workflow (2:17)
A Look at the Final Application (4:02)
Scaffolding a Development Environment
Introduction (2:04)
Scaffolding a Production Environment / Getting to “Hello World” with Express (11:18)
Connecting to a Database (16:11)
Creating a Client
Understanding the Client (1:16)
Scaffolding a Client Application with React and Webpack (14:40)
Adding Routes (9:40)
Creating the Order Page (10:13)
Implementing Redux (24:02)
Building Up Application Functionality
Calculating Price (24:09)
Creating a Cart for the Client (20:08)
Adding a Checkout Route – Creating a React Route (14:20)
Adding a Checkout Route – Connecting the Client to The Server (8:38)
Completing the Transaction
Validating User Info (28:32)
Completing the Transaction (12:26)
Sending a Notification Email (24:06)

Building a TodoMVC Application in Vue, React and Angular

Building a TodoMVC Application in Vue, React and Angular

Instructor: Daniel Stern

OverviewDescriptionAbout

One Course, One Course to Rule Them All

In today’s work-a-day world, virtually all web development positions come with the same requirement: be able to use React, Angular or Vue.js.

This course teaches you the practical skills to use not one, not two, but ALL of those libraries, all in the shortest amount of time possible, all backed by an incredible, 100% Money Back Guarantee.

In today’s work-a-day world, virtually all web development positions come with the same requirement: be able to use React, Angular or Vue.js.

This course teaches you the practical skills to use not one, not two, but ALL of those libraries, all in the shortest amount of time possible, all backed by an incredible, 100% Money Back Guarantee.

Over three code along chapters, will code, from scratch, a Vue App, a React App, or an Angular App. Code along with all three in one sitting, or do each chapter at your own pace!

By the end of it, you’ll have

  • Three structurally different apps that YOU built, which you can customize, show off, and add to your portfolio
  • A solid understanding of how to scaffold an application with Webpack and Babel
  • Knowledge of all the foundational aspects of React, Vue and Angular
  • The ability to style React, Angular and Vue apps with CSS
  • Understanding of React, Angular and Vue components
  • Know-how to manage state in each of the three different apps
  • Update and filter lists fast and in real time
  • The ability to confidently say you can build an app in any of Vue, Angular and React.

The frameworks we use in this course are all the latest versions, as of January 2018. Don’t waste your time learning outdated technology, when THIS course can teach you the latest, most relevant information.

You have nothing to lose because of the 100% Money Back guarantee. If you don’t like this course (and I’m sure you WILL like it!) your money is returned to you, no questions asked.

Daniel Stern

Known in development circles as “the Code Whisperer,” Daniel Stern has been believed to possess a supernatural connection to computers ever since he talked the supercomputer Deep Blue off the roof of a twelve-story St. Petersburg apartment building, following its shameful loss to Gary Kasparov.

He can often be found singing softly to his tablet, or gently caressing his aluminum keyboard in his arms.

Daniel has been working as a front end and full stack developer in the tech industry since 2011. He’s developed single-page applications for banks like CIBC, charities like the Ontario Institute for Cancer Research, and at ad agencies like McLaren McCann, TraffikGroup and Olson. Throughout his labors, he’s worked on computer programming in his spare time because, well, he’s obsessed with it.

In addition to being featured in both CSS Weekly and JavaScript weekly, Daniel is well-known throughout the open-source community for maintaining several open-source tools, most notably the Angular.js and LESS-based tool, Range .css and the Angular .js audio tool, ngAudio.

In addition to being trusted by the open source community to develop top-quality, functional code, Daniel has also been invited to speak at numerous conferences including Full Stack Conference 2014 in London, England.

Daniel is an active learner and very passionate about the following technologies,

– Node.js
– Angular.js
– TypeScript
– MongoDB
– Brackets, the Open Source Code Editor
– Esprima
– LESS
– Grunt
– Yeoman
– Many, many, many more

2:43  Hours

15 Lessons

Lifetime Access

Course Curriculum

Preview Course

Introduction
Introduction (7:24)
Vue TodoMVC
Scaffolding a Vue TodoMVC Application (14:31)
Programming a Vue TodoMVC Application (16:42)
Styling a Vue TodoMVC Application (5:45)
Vue TodoMVC Application Summary (1:05)
React TodoMVC
Scaffolding a React TodoMVC Application (9:47)
Programming a React TodoMVC Application’s Views (13:27)
Adding Interactivity to a React TodoMVC Application (20:23)
React TodoMVC Summary (1:56)
Angular TodoMVC
Scaffolding an Angular TodoMVC Application (20:56)
Displaying components in an Angular TodoMVC Application (10:38)
Adding Interactivity to an Angular TodoMVC Application (15:55)
Angular TodoMVC Summ-A-ry (4:26)
Conclusion
Thank you (0:39)
bonus (2:16)

The Complete Full-Stack JavaScript Course!

The Complete Full-Stack JavaScript Course!

Instructor: Joseph Delgadillo

OverviewDescriptionAbout

The Complete Full-Stack JavaScript Course!

If you would like to master JavaScript and get started as a full-stack web developer, you are going to LOVE this course! Learn full-stack JavaScript development working on coding projects using ReactJS, LoopbackJS, Redux and Material-UI.

If you would like to master JavaScript and get started as a full-stack web developer, you are going to LOVE this course! Learn full-stack JavaScript development working on coding projects using ReactJS, LoopbackJS, Redux and Material-UI.

All of the lectures are downloadable for offline viewing. English captions are available within the course.

Thank you for taking the time to read this and we hope to see you in the course!

Joseph Delgadillo

Joseph Delgadillo is the founder of JTDigital Courses, an education technology company. He has been active in the online learning community since 2015 and has worked with multiple startups. As of 2020, over 1 million students across the globe have enrolled in his courses covering ethical hacking, Python programming, web development and more.

He graduated with honors from Central Washington University.

24:14  Hours

97 Lessons

Lifetime Access

Course Curriculum

Preview Course

Introduction and Setup
Welcome to the course! (11:18)
Environment setup (12:24)
Anatomy of a React project (13:08)
Getting Started with ReactJS
Writing a React component (8:51)
React lifecycle (4:54)
The React state (15:16)
Understanding component props and re-rendering (17:37)
Importing CSS into React components (4:36)
Writing a calculator part 1 (18:41)
Writing a calculator part 2 (34:41)
Building a ReactJS Website
React website setup (6:20)
Component children (16:52)
React routing (10:20)
Route parameters and HTML slicing part 1 (14:32)
Route parameters and HTML slicing part 2 (16:55)
Services and portfolio pages part 1 (15:45)
Services and portfolio pages part 2 (9:40)
Working with forms in React part 1 (15:35)
Working with forms in React part 2 (22:20)
Using Formik (22:33)
Yup form validation schemas (17:02)
Rest API with LoopbackJS
Setup of REST API using LoopbackJS (14:53)
Creating models (12:34)
Model observers (16:13)
Model relations (15:58)
ESLINT (9:24)
Subclassing access tokens (6:11)
Persisting data using MongoDB (20:28)
Creating data (7:04)
Updating data (4:12)
Finding model instances part 1 (21:23)
Finding model instances part 2 (3:02)
Deleting model instances (7:01)
Creating post collection (6:27)
Roles and rolemapping (14:01)
Applying access control to our post model (12:39)
Adding an editor role (9:34)
Creating a category model (8:35)
File storage and collection part 1 (15:11)
File storage and collection part 2 (9:44)
Custom remote methods and file uploads part 1 (17:37)
Custom remote methods and file uploads part 2 (14:21)
Creating login route (18:06)
Adding a login form (12:01)
Redux and Material-UI
Wrapping components (11:29)
Dispatching actions (6:19)
Creating our store and reducers (24:01)
Integrating remote API calls (21:52)
Applying middleware (14:35)
Material-UI intro (11:35)
Drawer and CSS (16:17)
Drawer collapsing and animations (14:03)
Icons, lists, links (17:10)
Main content class (14:24)
Persisting reducers using localStorage (15:29)
Basic tables (11:12)
Fetching posts and users from our API (21:07)
Fab buttons (11:41)
Setting up Redux, Material-UI and Formik for our add post page (11:43)
Material-UI forms with Formik (19:01)
Flex display and connecting our post form to our database via Redux part 1 (15:16)
Flex display and connecting our post form to our database via Redux part 2 (14:34)
Editing existing posts (27:30)
Uploading post images part 1 (16:02)
Uploading post images part 2 (17:13)
Integrating Quill as a content editor (17:38)
Loading posts on the front-end part 1 (13:55)
Loading posts on the front-end part 2 (16:44)
Loading more posts on demand (11:39)
Single post page (26:33)
Registering new accounts (25:05)
Posting comments and adding relations and ACLs to our API part 1 (20:18)
Posting comments and adding relations and ACLs to our API part 2 (19:24)
Deploying React apps with NGINX (25:47)
Deploying our API using PM2 and NGINX part 1 (17:44)
Deploying our API using PM2 and NGINX part 2 (14:04)
Deploying our API using PM2 and NGINX part 3 (16:55)
WebSocket Chat Application
Creating a chat app (8:02)
Creating our chat store (11:27)
WebSocket connections (7:52)
Sending socket messages (13:01)
Creating signup and login forms (18:11)
Writing account based logic part 1 (29:43)
Writing account based logic part 2 (1:58)
Using auth tokens (12:39)
Styling the messenger (21:20)
Tracking logged in users (13:55)
Search functionality (20:26)
Creating new threads and sending to relevant clients (26:31)
Connecting on page load if already logged in (24:01)
Get threads on page load (10:07)
Disconnecting socket sessions (11:07)
Adding messages and sending to relevant clients (31:46)
Rendering messages client-side (18:42)
Rendering messages with user information (22:47)
Ejecting a React application (8:40)

Master Backbone JS A Course For Web Developers & Designers

Master Backbone JS: A Course For Web Developers & Designers

Instructor: SkillBakery Studios

OverviewDescriptionAbout

Learn to create dynamic & modular web applications using BackboneJS framework

What you’ll learn

Create Dynamic Web applications using Backbone.js
Write maintainable javascript code
Understand all the core concept of Backbone.js

What you’ll learn

  • Create Dynamic Web applications using Backbone.js
  • Write maintainable javascript code
  • Understand all the core concept of Backbone.js
  • Making use of Backbone.js with other libraries like jQuery
Requirements
  • HTML
  • CSS
  • JavaScript
  • jQuery fundamentals

Description

Learn how to develop dynamic web applications using BackboneJS

This course teaches you how you can make the most of BackboneJS

This course covers all the topics from basic to advance

1. Introduction to BackboneJS

2. Understanding Models

3. Understanding Views

4. Understanding Collections

5. Exploring Collection Views

6. Working with Routers & History

7. Working with Forms in BackboneJs

8. Organizing our Application Code

You will also learn to develop a web application right from scratch using BackboneJS which will help you understand the core concepts and will make you ready to develop your own dynamic web applications using BackboneJS

This course also focuses on how to write manageable modular code using BackboneJS

So let us start learning BackboneJS

Who this course is for:
  • Aspiring Web Developers
  • Aspiring Web Designers
  • Web Developers
  • Web Designers
  • Web Architects

SkillBakery Studios

SkillBakery is one of the fastest growing online education company.

Our vision is to provide high quality education which is affordable and accessible to everyone

We believe that every one has their own way of learning and grasping things and that’s why we provide self-paced HD quality contents,so you can learn what you love at your convinience

We currently offer courses in web development and will soon be publishing new courses in other categories as well

We are committed to bring courses on new topics and we try to release one new course every month

So keep visiting us, you will surely find something for yourself here.

3:02  Hours

56 Lessons

Lifetime Access

Course Curriculum

Preview Course

Introduction to BackboneJS
How This Course is Organized (1:15)
Introduction (1:07)
Why use BackBoneJS (2:14)
BackboneJS – Components (0:54)
Installing BackboneJS (0:58)
BackboneJS – Sneak Peek Models/Views (8:07)
Models
Creating Models (0:43)
Model Validation (4:19)
Model Inheritance (2:55)
Fetching Data From the Server (6:04)
Destroying Model Instance (0:51)
Get The JSON From Model (1:17)
Using Default Values (3:22)
Instantiating Models with non-standard JSON data (1:23)
Parsing non-standard JSON into your Models (0:53)
Changing Attribute Name (2:29)
Sending JSON Back to the Server (1:15)
Overriding JSON Method (3:00)
Specifying the ID Attribute (1:27)
Model Events – Quick Introduction (5:40)
Views
Creating Views (4:43)
Using Underscore Templates in Views (5:09)
Adding Events in Views (4:25)
Updating Model when View Changes & Vice Versa (9:06)
Using Existing DOM Element to Render View (1:45)
Custom Initialization Options (1:18)
Escaping user content – Preventing XSS attacks (1:35)
Passing options to Event Handlers (1:56)
Cleaning up View (1:31)
Collections
Creating Collections (5:40)
Working with Collections (7:19)
Connecting to Server (2:22)
Events in Collection (4:32)
Customizing Collections (3:17)
Collection Views
Working with Collection Views (4:19)
Events in Collection Views (2:43)
Routers & History
Using Router and History (6:52)
Advanced Routing configuration (7:03)
Working with Forms in Backbone Js
Creating Forms in BackboneJs using views (3:42)
Editing an existing item using Form (2:07)
Organizing our Application Code
Naming our classes (1:22)
Reference classes with Namespace (0:59)
Handling Links (2:38)
Object initialization (0:54)
Making our model readonly (1:57)
Project – Creating a Todolist application
Basic Setup – Layout (1:39)
Defining the Template (2:14)
Creating a TodoItem (1:30)
Editing an Item (2:22)
Marking an item complete (1:10)
Filtering All,Pending and Completed Items (2:25)
Deleting an Item (0:56)
Externalizing our Templates
Externalizing our Templates – Using Script Tag
Externalizing our Templates – RequireJS approach (5:07)
Externalizing our Templates – Grunt – Precompile Templates (9:53)
Conclusion & Code Download
Conclusion & Code Download (0:22)

Master Meteor - Meteor JS From the Ground up

Master Meteor - Meteor JS From the Ground up

Instructor: Skillbakery Studios

OverviewDescriptionAbout

Meteor JS from scratch

What you’ll learn

Know about JavaScript Basics, Meteor Basics
Learn How to install Meteor on Windows, Mac OSX and Linux
Build cool new web applications like Dynamic Websites

What you’ll learn

  • Know about JavaScript Basics, Meteor Basics
  • Learn How to install Meteor on Windows, Mac OSX and Linux
  • Build cool new web applications like Dynamic Websites
  • How to implement Authentication using Meteor Packages
  • Learn about Routing in Meteor
  • Learn how to Deploy meteor web applications on Meteor and Amazon EC2 Instance
  • Learn how to reset database in Development environment
Requirements
  • You should be aware of basic programming concepts
  • You should know basics of HTML and CSS
  • A bit of JavaScript experience will do no harm in understanding the course

Description

Now covering the latest Meteor version 1.4

This course provides you with a practical approach to Meteor.

The main focus of this course is to get you familiar with Meteor and ensure that you are ready to build cool new web applications using Meteor in no time.

In this course we will be covering fundamentals of JavaScript first so that it becomes easier to understand the different concepts and syntax that one uses in Meteor

In this course we will be covering following topics

  1. Basics of JavaScript
  2. Spacebar Basics [if,with,each,template helpers]
  3. Meteor Basics
  4. Templates, Collections, Publishing
  5. Event Handling
  6. Publisher Subscriber Functionality
  7. Refarctoring our code
  8. Using BootStrap and Exploring Shadow DOM
  9. Authentication
  10. Session
  11. Server Methods
  12. Routing
  13. Deployment on Meteor and AWS
  14. How to Reset Meteor Database

So what are you waiting for let’s get started with Meteor

Who this course is for:
  • Those who want to learn Meteor
  • Those who are into web development
  • Those who would love to learn web development by learning just one language
  • Those who have a bit of experience of JavaScript
  • Aspiring Web Developers

SkillBakery Studios

SkillBakery is one of the fastest growing online education company.

Our vision is to provide high quality education which is affordable and accessible to everyone

We believe that every one has their own way of learning and grasping things and that’s why we provide self-paced HD quality contents,so you can learn what you love at your convinience

We currently offer courses in web development and will soon be publishing new courses in other categories as well

We are committed to bring courses on new topics and we try to release one new course every month

So keep visiting us, you will surely find something for yourself here.

4:25  Hours

80 Lessons

Lifetime Access

Course Curriculum

Preview Course

Introduction
What is Meteor (0:54)
What this course will cover (0:49)
Who this course is for (0:31)
Why use Meteor (2:46)
Key Technologies in Meteor (2:12)
JavaScript Basics
Introduction (2:15)
Javascript Variables & Data Types (2:15)
Operators in JavaScript (6:26)
Conditional Statements in JavaScript (4:31)
Loops in JavaScript (8:24)
Functions & Scope of Variables in JavaScript (5:33)
Closures in JavaScript (6:31)
Understanding Objects in JavaScript (3:54)
Object.Prototype (3:24)
Code Download
Understanding Meteor
How Meteor Works (1:43)
Understanding Pub/Sub Model (0:57)
Standard Meteor App Structure (1:58)
Page updates in Meteor (1:41)
Installing Meteor (1:06)
Creating your first Meteor Application (3:54)
Meteor Package (1:49)
Using Meteor Packages (3:11)
Installing Meteor Examples (1:36)
Code Demo Todos Application (2:58)
Introduction to Distributed Data Protocol
Meteor Basics
Template Inclusion Helpers (0:41)
#if Helper (1:01)
#with Helper (0:53)
#each Helper (0:39)
Templates, Collections and Event Handlers
Introduction (0:23)
Fitness Tracker (0:39)
Creating the Fitness Tracker Application (1:17)
Introducing Templates (4:43)
Making our Templates Functional (5:48)
Introducing Collections (0:32)
Creating Collections (6:02)
Introducing Event Handlers (4:24)
Sorting and Limiting a Collection (1:43)
Managing Auto Publishing of Collections (5:45)
Code Download
Authentication, Session & Server Side of Meteor
Introduction (1:04)
Implementing Authentication using Meteor Packages (1:48)
Implementing Google Sign-in (5:16)
Exploring {{> loginButtons }} and {{ currentUser }} (1:00)
Associating Users and Data (4:34)
Multi User Support (0:51)
Understanding Sessions (5:50)
Computations (4:21)
Server Methods (8:47)
Performing CRUD Operations (3:49)
Code Download
Bootstrap, Favicon and Exploring Shadow DOM
Bootstrap, Favicon and Exploring Shadow DOM (5:20)
Code Download
Refactoring Our Application
Refactoring our Fitness Tracker (2:38)
Code Download
Routing
Introduction (7:53)
Creating Routes (6:33)
Code Download
Deployment
Introduction (0:43)
Deploying on Meteor (2:38)
Deploying on AWS (12:14)
Features of Meteor 1.3 and 1.4
Features of Meteor 1.3 and 1.4 (5:17)
Installing Build Tool Chain (2:45)
Installing GIT (1:27)
Working with Meteor 1.4
Creating Sample Application (1:10)
Creating New Meteor Application (1:11)
Traversing the application structure (1:24)
Defining views with templates (7:21)
Working with Collections (6:31)
Working with Forms and Events (7:14)
Making Updates and Doing Deletions (8:10)
Authorizing Users (9:35)
Securing our application (6:38)
Publish and Subscribe (9:17)
Code Download
Working with Mobile OS [Android and iOS] – MAC only
Working with iOS and Android (2:53)
Conclusion
Meteor Reset (0:21)
Conclusion (0:39)

Learn Meteor Web framework

Learn Meteor Web framework

Instructor: Jerry Banfield with EDUfyre

OverviewDescriptionAbout

This course walks you through installation of Meteor, files & directories, blaze templates and much more

The following are the lectures to Learn Meteor Web framework:

1. Installing Meteor
2. How Meteor works
3. Special files & directores
4. Blaze templates
5. Collections
6. Packages
7. Forms

Jerry Banfield with EDUfyre

In 2005 while I was in college at the University of South Carolina, I tried to start working online. I signed up for an MLM program and a survey website. A month later, I had refunds from both and figured working online was not possible because everything was a scam. The truth was I was afraid to fail again.

In 2011, I moved in with my wife and launched an online business focusing on video game addiction in an attempt to avoid dealing with any of my other problems. In a few months, I changed my business to selling shirts because I realized there was no money in video game addiction. A year after starting my business, I dropped out of my criminology PHD program at the University of South Florida to run my business full time which by then had changed to helping clients with Facebook and Google ads based on my experience failing to do them successfully for myself.

In 2013, I starting sharing everything I knew for free on YouTube because I hoped it would help me get more clients. By April 2014, I was nearly bankrupt after failing at 15+ different business models. I was also nearly dead from trying to drink the pain away and fortunately the fear of death motivated me to get into recovery. Being in recovery motivated me to focus more on being of true service to others and less on what I would get out of it. I started making courses online with Udemy which soon turned into my first real business. I partnered with as many talented instructors as I could and learned from top instructors how to get my courses the most sales.

In 2015, I tried making some inspirational videos sharing what I learned in recovery and got an amazing response on YouTube. To make the background on my videos more interesting, I started making the inspirational videos while playing video games. To make a more helpful website, I hired a freelancer to convert the videos into blog posts including this about page originally.

1:29  Hours

7  Lessons

Lifetime Access

Course Curriculum

Preview Course

First Section
1. Installing Meteor (3:24)
2. How Meteor works (5:06)
3. Special files & directores (4:20)
4. Blaze templates (21:01)
5. Collections (21:44)
6. Packages (6:17)
7. Forms (15:49)

Learn Vue.js - The Progressive JavaScript Framework

Learn Vue.js - The Progressive JavaScript Framework

Instructor: SkillBakery Studios

OverviewDescriptionAbout

Vue.js from the ground up

What you’ll learn

Understand the fundamentals of Vue.js
Create Web Applications using Vue Framework

What you’ll learn

  • Understand the fundamentals of Vue.js
  • Create Web Applications using Vue Framework
Requirements
  • HTML
  • CSS
  • Basics of JavaScript

Description

This course covers the latest Vue.js version 2.0 from the ground up.

We learn the fundamentals of Vue first and then dive into project development to put things that we have learned into practice.

This course also covers Vuex which is Centralized State Management for Vue.js and we show how we can make use of it in our web applications by developing a project from scratch

Apart from that we also dive into the advanced topics like transitioning,animations working with components and much more.

So what are you waiting for join-in and let’s start learning Vue.js

Who this course is for:
  • Web Developers
  • Web Designers
  • Programmers

SkillBakery Studios

SkillBakery is one of the fastest growing online education company.

Our vision is to provide high quality education which is affordable and accessible to everyone

We believe that every one has their own way of learning and grasping things and that’s why we provide self-paced HD quality contents,so you can learn what you love at your convinience

We currently offer courses in web development and will soon be publishing new courses in other categories as well

We are committed to bring courses on new topics and we try to release one new course every month

So keep visiting us, you will surely find something for yourself here.

3:40  Hours

64 Lessons

Lifetime Access

Course Curriculum

Preview Course

Introduction to Vue.js
Introduction (2:29)
Installing via NPM and CLI (11:06)
Installing & Making use of the Standalone version (1:54)
Code Download
Fundamentals of Vue – Exploring Directives, Templates & More…
Components (3:19)
Creating Components in CLI based project (4:32)
Rendering HTML content in components (1:19)
Binding Element Attributes (1:20)
Using Vue Developer Tool (2:44)
Conditionals and Loops (2:47)
Handling User Input (2:41)
Handling Key Events (2:42)
Applying classes and styles using Vue (3:22)
The Show & Else Directives (1:37)
Introducing Properties (3:01)
Vue Life Cycle (2:36)
Implementing Life Cycle events (1:17)
Using JavaScript Expressions (1:32)
Filters, Shorthands & Modifiers (5:23)
Computed Properties (2:50)
Difference between Computed Properties & Methods (2:56)
Watchers in Vue (2:30)
Computed Properties vs Watchers (3:51)
Getter & Setter in Computed Properties (3:03)
Displaying Filtered/Sorted Data (3:09)
Form Input Bindings
Introduction to Form Binding – v-model directive (2:45)
Value Binding (5:49)
Modifiers (2:03)
Exploring Properties
Brief Overview of Properties (1:38)
Dynamic Properties (2:02)
Literal Vs Dynamic (1:54)
One way data flow (1:58)
Property Validation (3:19)
Custom Events
v-on – establishing communication between parent and child component (1:47)
v-on – establishing communication between parent and child component – Demo (4:42)
Form Component Custom Events – v-model (4:41)
Non Parent – Child communication (3:03)
Exploring Components
Content Distribution Slot – Single Slot (5:21)
Content Distribution Slot – Scoped Slot (3:10)
Content Distribution Slot – Named Slot (3:05)
Dynamic Components (3:18)
Child-Component-Refs (2:47)
inline-template & x-template (3:38)
Static Components – v-once (1:13)
Async Components (5:06)
Transition Effects
Transitioning Single Element/Components (4:14)
Understanding Transition Classes (2:54)
CSS Transition (1:55)
CSS Animations (1:47)
Using Transitions and Animations Together (1:31)
javascript-hooks (3:06)
Transitioning Between Elements (1:54)
Transitioning Between Components (1:25)
New Lecture
Project – Todo Application using Vue.js & Vuex
Introduction (0:24)
Setting up our Todo Project (2:48)
Introduction to Vuex Store (3:01)
Completing our Store (4:19)
Creating Get Todo Component (3:59)
Registering our Component (0:57)
Creating Current Todo Component (3:48)
Creating our Completed Todo Component (2:53)
Code Download
Understanding Routing in Vue.js
Understanding how Routing works in Vue (5:43)
Conclusion & Code Download
Code Download – Vue Fundamentals (0:33)

Master KnockoutJS Knockout JS - JavaScript MVVM

Master KnockoutJS : Knockout JS - JavaScript MVVM

Instructor: SkillBakery Studios

OverviewDescriptionAbout

Learn KnockoutJS – JavaScript implementation of the MVVM-Model View View Model with easy to understand examples.

What you’ll learn

By the end of this course you will master knockoutjs

What you’ll learn

  • By the end of this course you will master knockoutjs
Requirements
  • Web Browser
  • KnockoutJS Library

This course lets you master knockoutjs. It explains all the necessary topics with easy to understand examples.

The video tutorials are provided in high definition and each lecture comes with code sample that’s demonstrated in the video
The course covers knockout basic and advance topics which are intended for all level audience.
If you are into web development and you do dynamic website which involve communication with databases then this is a must for you.

Who this course is for:
  • Web Developers
  • Aspiring Web Developers

SkillBakery Studios

SkillBakery is one of the fastest growing online education company.

Our vision is to provide high quality education which is affordable and accessible to everyone

We believe that every one has their own way of learning and grasping things and that’s why we provide self-paced HD quality contents,so you can learn what you love at your convinience

We currently offer courses in web development and will soon be publishing new courses in other categories as well

We are committed to bring courses on new topics and we try to release one new course every month

So keep visiting us, you will surely find something for yourself here.

2:29  Hours

39 Lessons

Lifetime Access

Course Curriculum

Preview Course

KnockoutJS
Introduction to KnockoutJS (5:48)
Downloading and Installing (1:09)
MVVM with Knockout – Code Demo (4:50)
Things with and without KnockoutJS (2:53)
Observables
Creating ViewModels with Observables (5:51)
Computed Observables (5:35)
Observable Arrays (10:13)
Bindings
Controlling text and appearance (11:23)
Bindings – Control Flow
foreach (6:28)
if (2:31)
ifnot (1:06)
with (1:25)
Bindings – Woking with Forms
The click binding (2:56)
The event binding (2:32)
The submit binding (2:42)
The enable binding (1:37)
The disable binding (1:11)
The value binding (2:01)
The hasFocus binding (2:02)
The checked binding (2:09)
The options binding (4:04)
The selectedOptions binding (2:42)
The uniqueName binding (1:57)
Rendering templates
The template binding (2:17)
Binding syntax
The data-bind syntax (1:35)
The binding context (2:43)
Creating custom bindings
Creating custom bindings (6:24)
Components in KnockoutJS
Introduction to Components (1:44)
Component Lifecycyle (2:32)
Registering Components , Component Binding and Custom Element usage (22:18)
Auto Module Detection (6:08)
Template Only Components (3:13)
Components – Using createViewModel (4:31)
Components Slides & Code Samples
Miscellaneous
Extending Observables (3:01)
Loading and Saving JSON Data (4:02)
Throttle Extender (1:48)
Add custom function using fn (2:56)
Conclusion
Conclusion (0:18)

Master EmberJS Learn EmberJS From Scratch

Master EmberJS : Learn EmberJS From Scratch

Instructor: SkillBakery Studios

OverviewDescriptionAbout

Eliminate the Minutiae of Coding Common Backend Processes From Scratch

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.

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 Studios

SkillBakery is one of the fastest growing online education company.

Our vision is to provide high quality education which is affordable and accessible to everyone

We believe that every one has their own way of learning and grasping things and that’s why we provide self-paced HD quality contents,so you can learn what you love at your convinience

We currently offer courses in web development and will soon be publishing new courses in other categories as well

We are committed to bring courses on new topics and we try to release one new course every month

So keep visiting us, you will surely find something for yourself here.

6:28  Hours

103 Lessons

Lifetime Access

Course Curriculum

Preview Course

Introduction to Ember.js
What is Ember.js (0:57)
Understanding Ember.JS Architecture (3:13)
How this course is organized (2:04)
Before you buy this course (3:04)
Downloading & Installing Embjer.js (4:54)
Creating an Ember.js application – Ember CLI Application (5:48)
Creating Cutom Ember Application (3:09)
Templates
HandleBar Basics (2:14)
Application Template (1:26)
Conditionals (3:48)
Dispalying a list of items (1:51)
Binding Element Attributes (3:29)
Binding Element Class Names (2:21)
Links (3:09)
Actions (3:31)
Input Helpers (2:49)
Development Helpers (1:43)
Routing
Introduction (2:38)
Defining Routes (1:34)
Generated Objects (1:13)
Models
Model Introduction (2:38)
Defining Models (3:32)
Creating Records (1:33)
Pushing The Records into the Store (1:10)
Finding Records (2:10)
Views
Introduction to Views (1:01)
Defining a View (1:52)
Event Handling (1:51)
Inserting Views in Templates (1:38)
Customizing a Views Element (2:02)
Router,Controllers & Route
Introduction to Router (3:14)
Configuring Navigation Links (3:26)
Creating a controller (4:09)
Using Ember Route (6:21)
Working with Dynamic Segment Route (5:03)
Nested Routes & Nested Templates (5:29)
Models & Adapters
Creating an Ember Model (1:51)
Working with Ember Data (6:14)
Mapping Models with Another Model (3:50)
Making use of RESTAdapter – Fetch Data From Server (2:49)
Working with Array Controllers and Property Binding
Sorting using RESTAdaptor (2:13)
Sorting on Client End using ArrayControllers (2:52)
Property Binding & Computed Aliases (3:43)
Computed Properties (5:30)
Nested Routes with Controllers (6:02)
Ember Components
Introduction to Components (6:23)
Adding Functionality to our Component Template (3:59)
Using Partials (2:54)
Create a Controller From Template (4:04)
Ember Views (4:14)
Controller Actions, Custom Views And Events
Understanding Controller Actions (7:00)
Model DataBinding (6:46)
Custom Views and Events (9:52)
Writing Helpers (1:23)
Externalizing Templates
Creating Templates Externally (2:20)
Precompiling Templates using Grunt
Precompiling templates (9:09)
Precompiling Partials using Grunt (3:33)
Enumerables
Undestanding Enumberables (5:50)
The Object Model
Classes & Instances (2:17)
The Object Model Computed Properties (1:03)
The Object Model Observer (1:07)
The Object Model Each (1:26)
The Object Model Bindings (1:24)
The Object Model Reopen (1:16)
Conclusion & Code Samples
Conclusion & Code Samples
Ember Command Line Interface and Ember 2.0
Creating Ember Application using Ember CLI (4:46)
Benefits of using Ember CLI applications (2:34)
What is new in Ember 2.0 (2:11)
Revised Architecture Ember 2.0 (1:15)
Ember Data Flow (1:27)
Revisiting Ember Router (5:15)
Creating route and its actions (4:20)
Adding Bootstrap CSS to Ember CLI Application (3:25)
Displaying Data using Model in Templates (3:05)
Adding assets like images in Ember CLI applications (1:24)
Understanding Ember 2.0 File Structure (3:14)
Creating Quotes Project – An Ember 2.0 Application
Creating our Quotes Application (1:39)
Quotes Application outline and layout (5:50)
Updating Templates using HTMLBars (5:41)
Adding Style to our Quotes Application (1:27)
Creating Routes For our Quotes Application (5:10)
Creating Nested Routes (6:06)
Working with Components (10:58)
Working with Ember Data (10:03)
Using models with our components (3:25)
Populating the Quotes List (8:21)
Creating user profile page (4:19)
Working with Following/Followers (3:56)
Making use of External Libraries (7:26)
Preparing our Quotes Form (5:49)
Creating Login Form (6:27)
Code For Quotes Application – Milestone – 1
Working with Node and MySQL – Developing Server Side of Quotes Application
Introduction (0:24)
Installing Node.JS on Windows (2:06)
Installing Node.JS on Mac (1:23)
Installing MySQL on Windows and Other Systems (4:38)
Creating our REST API (2:35)
Creating Database and User Table (4:59)
Creating Quote, Following and Follower Models (4:19)
Understanding Ember REST API Conventions (3:05)
Working with our REST API (6:57)
Code For Quotes with REST API – Milestone II
Conclusion
Conclusion (0:29)

JavaScript project Learn to create a memory Game and more

JavaScript project Learn to create a memory Game and more

Instructor: Laurence Svekis

OverviewDescriptionAbout

Step by Step how to create your own game using JavaScript. See how JavaScript works application building project. One of the best ways to learn is to work on a project. We start with a blank page and build the application step by step.

One of the best ways to learn is to work on a project. We start with a blank page and build the application step by step. All of the source files are included.

Do you want to learn JavaScript working on a real project?

We show you how to use JavaScript to create an interactive game, everything from creating the game board to messaging, text, timers, and game setup.

We build this game in bootstrap, show you the HTML CSS and JavaScript.

Learn to Create your own JavaScript GAME!!!

Within this course we show you how to add JavaScript functionality when building out projects and use JavaScript to achieve your goals.

We have designed this course to optimize practicing JavaScript coding.

  • CODE SAMPLES INCLUDED!!
  • PRACTICE EXERCISES
  • CODE EXPLANATIONS
  • CODE IMPLEMENTATIONS

Try the code after each video lesson. PDF copy and paste code that we use within the course and TRY FOR YOURSELF.

Everything you need to learn about JavaScript is provided within this course.

  • quick lessons get right to the point
  • source files downloadable to work along
  • challenges and lessons
  • new course material added regularly
  • trusted name in education since 2002
  • full HD easy to read source coding

Learn how Javascript works and it’s fundamental concepts when it comes to creating games and interactive projects. Learn to build your own Javascript code to make your own JavaSCript memory game

Who is the target audience?
  • Web Developers
  • Web coders
  • web content managers
  • JavaScript developers
  • Learn the advantages of using JavaScript
  • Anyone with a desire to learn
  • desire to understand more about how JavaScript works

Laurence Svekis

I’m here to help you learn, achieve your dreams, come join me on this amazing adventure today

Google Developers Expert – GSuite

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

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

“I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998. I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides.”

“Learning, understanding with a strong passion for education. The internet has provided us with new opportunities to expand and share knowledge.”

Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online. Technology connects us all in many ways. It opens up doors to those who embrace it and learn how to make those connections real.

“My courses are designed to help you achieve your goals, learn and update skills”

Background : An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications. Web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO.

“Understanding technology provides a means to better connect with users. It also opens so many doors. Knowledge is the key to success and I want to help you experience what technology has to offer. I’m passionate about web technologies, and look forward to sharing my knowledge and experience with you!”

1:45  Hours

22 Lessons

Lifetime Access

Course Curriculum

Preview Course

First Section
1 Introduction to building JavaScript Memory Game (4:11)
2 Resource Setup (3:09)
3 Setup HTML Template (4:23)
4 Source Code
5 Loop declare image array (6:25)
6 Add Click Event to start Game (5:37)
7 Build gameplay array concat (5:51)
7 Source Code
8 Array Randomizer explained (14:33)
9 Source Code
10 Build Game Board Dynamically (11:02)
11 Make Game interactive flip tiles (10:38)
12 Source Code
13 Check if item is in array (10:30)
14 Set Intervals Flip cards back over (8:47)
15 Gameplay setup match detection (8:48)
16 Source Code
17 Game Tweaks and updates (10:19)
18 Course Conclusion (13:41)
19 Source Code
20 Create css and js files (2:37)
21 Source Code

Amazing Javascript Code Examples From Scratch DOM coding

Amazing Javascript Code Examples From Scratch DOM coding

Instructor: Laurence Svekis

OverviewDescriptionAbout

Learn how to use the JavaScript DOM to create dynamic web content and interactive web applications.

Learn Step by Step from real world JavaScript projects.

Learn Step by Step from real world JavaScript projects.

We will be adding more projects on a regular basis, this course is designed to have lifetime access to regular JavaScript projects.

Learn JavaScript with our Step by Step training, we show you how to build projects from Scratch. Learn at your own pace resources are included, source code and everything you need to practice and learn JavaScript. We show you useful examples of JavaScript Code snippets and explain the development process.

JavaScript is the foundation for so much online, including all the new JS libraries. Knowing how to apply JavaScript can help to learn further JS code.

Project #1 – Limit text in textarea, count characters and show warning messages,.

Project #2 – Useful code snippets, detect browser, view history and more. Use DOM values within JavaScript for amazing dynamic applications.

Project #3 – Scrolling text area stop scroll on hover, use the DOM to detect events.

Knowing how to apply JavaScript is an excellent skill to have. JavaScript is everywhere and by the end of this course you will have what you need to use it on your own webpages. Interact with your web users, dynamic web content using JavaScript.

We walk you through step by step with detailed explanations of code and more. We add and update a webpage from scratch adding JavaScript to bring it to life.

  • no wasted time watching someone type
  • practice with coding exercises
  • quick lessons get right to the point
  • fully covered topics with real world examples
  • source files downloadable to work along
  • challenges and lessons and code samples
  • code snippets
  • Links to top resources to save time
  • new course material added regularly
  • trusted name in education since 2002
  • full HD easy to read source coding
  • quick response support to students
  • regular discussions

We teach you the latest techniques and tools to use in order to create amazing web content.

Everything you need to know is included in this course.

Learn at your own pace, lifetime access to this course.

We show you how to write JavaScript code, easy to learn. Our tutorials are easy to follow and effective in teaching JavaScript.

Who is the target audience?
  • anyone who wants to learn more about web development
  • web designers
  • web developers
  • web coders
  • desire to learn JavaScript
  • Students who want to learn Javascript
  • Web developers looking to improve their skill set

Laurence Svekis

I’m here to help you learn, achieve your dreams, come join me on this amazing adventure today

Google Developers Expert – GSuite

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

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

“I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998. I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides.”

“Learning, understanding with a strong passion for education. The internet has provided us with new opportunities to expand and share knowledge.”

Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online. Technology connects us all in many ways. It opens up doors to those who embrace it and learn how to make those connections real.

“My courses are designed to help you achieve your goals, learn and update skills”

Background : An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications. Web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO.

“Understanding technology provides a means to better connect with users. It also opens so many doors. Knowledge is the key to success and I want to help you experience what technology has to offer. I’m passionate about web technologies, and look forward to sharing my knowledge and experience with you!”

3  Hours

27 Lessons

Lifetime Access

Course Curriculum

Preview Course

First Section
1 Javascript code course introduction (3:48)
2 web developer resources
3 Javascript code apply textarea character limit (10:18)
4 Javascript code classList substrings (10:36)
5 textarea count source code
6 Javascript code working with values setting a limit (6:14)
7 Javascript code eventlisteners DOM vs addeventlistener (7:32)
8 textarea count code
9 Javascript open and close methods (5:32)
10 open and close window script
11 Javascript code windows history back (8:19)
12 windows history
13 Javascript code determine browser (3:18)
14 Javascript check for browser type (2:06)
15 browser detect code
16 Javascript document location (4:41)
17 document location URL
18 Javascript code get modified date compare now (7:59)
19 document date condition
20 Javascript code page reload (2:08)
21 Javascript setup output code (2:44)
22 Javascript DOM mouseover mouseout (7:16)
23 JavaScript Scrolling content source 1
24 Javascript code set interval setup content (5:51)
25 Javascript code setup animation (5:33)
26 Javascript code loop scroll view (6:26)
27 JavaScript Scrolling content source final

jQuery Fundamentals Bootcamp javascript for beginners

jQuery Fundamentals Bootcamp javascript for beginners

Instructor: Laurence Svekis

OverviewDescriptionAbout

Quality jQuery learning with no wasted time, jQuery is powerful to for web developers. JavaScript with examples.

Learn web development with JavaScript. JavaScript is an essential part of creating websites

Learn web development with JavaScript. JavaScript is an essential part of creating websites and JQuery helps you speed up you JavaScript programming.

jQuery is a JavaScript library that simplifies JavaScript programming. Learning jQuery will help you create amazing JavaScript functionality within your code.

This course will walk you through step by step about everything you need to know to use jQuery on your applications. We provide a comprehensive, course which will get you familiar with what jQuery has to offer and what you can do with jQuery. jQuery is easy to learn and will save you time when coding.

20 source files included
no wasted time watching code typed
code is explained with visual examples
30 day money back guarantee
Regular updates
downloadable resource PDF
If you haven’t used jQuery before or are curious about it, or just want to learn more about it this is the course for you.

We provide regular updates, challenges within the course and resource links to download the best resources for web development.

We provide a unique learning environment, that provides all the source files discussed in the course, links to resources and online code editors. Watch, learn and practice, is proven to be the best way to learn coding. With many years of experience in teaching and code creation let us help you learn.

JavaScript for beginners to JavaScript advanced users, this course also includes lots of coding examples. This course will show you how to Master JavaScript, learning dynamic web design using JavaScript. JavaScript is a crucial part to become a Complete Web Developer. Learn and master JavaScript from Scratch. Check out our other JavaScript courses to learn even more advanced JavaScript included with our of web developer courses. Comprehensive JavaScript Programming, learn by making and working with examples. Build dynamic websites with JavaScript.

javascript web
javascript design
javascript complete
javascript for programmers
javascript tutorial
javascript basics
This course is perfect whether you are an Absolute Beginner, who wants to learn about JavaScript Programming or whether you are a web developer who wants to learn more about JavaScript.

Laurence Svekis

I’m here to help you learn, achieve your dreams, come join me on this amazing adventure today

Google Developers Expert – GSuite

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

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

“I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998. I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides.”

“Learning, understanding with a strong passion for education. The internet has provided us with new opportunities to expand and share knowledge.”

Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online. Technology connects us all in many ways. It opens up doors to those who embrace it and learn how to make those connections real.

“My courses are designed to help you achieve your goals, learn and update skills”

Background : An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications. Web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO.

“Understanding technology provides a means to better connect with users. It also opens so many doors. Knowledge is the key to success and I want to help you experience what technology has to offer. I’m passionate about web technologies, and look forward to sharing my knowledge and experience with you!”

2:51  Hours

21 Lessons

Lifetime Access

Course Curriculum

Preview Course

First Section
0 About the course and how to use it (3:03)
1 Jquery Intro to Jquery (4:25)
2 Jquery Hello World (3:36)
3 Jquery element selectors (7:11)
4 Jquery Events (4:37)
5 Jquery Mulitple event handlers (3:03)
6 Jquery Events on Forms (3:05)
7 Challenge Change the background color of Paragraphs (2:16)
8 jQuery DOM Manipulation Document Object Model return values (4:42)
9 jQuery DOM Manipulation Document Object Model set values (4:13)
10 Before and After elements updates (4:57)
11 Remove Empty Elements (5:22)
12 Jquery styling Add and remove classes (3:16)
13 Adding removing CSS Jquery change CSS (4:04)
14 Jquery dimension change (3:47)
15 Jquery Parents Traversing Functions in jQuery (4:55)
16 Jquery Children Traversing Functions in jQuery (4:55)
17 Siblings Traversing Functions in jQuery (5:24)
18 Jquery Hide Show Fade (6:23)
19 Jquery Slide (2:52)
20 Jquery Animation (9:38)
21 Jquery Functions in Animation (5:23)

Learn React JS from Scratch

Learn React JS from Scratch

Instructor: SkillBakery Studios

OverviewDescriptionAbout

Prepare for the Future of Web Development with ReactJS

ReactJS is the JavaScript library used by companies like Instagram and Facebook to build large applications with continuously changing data. It’s the foundation of many dynamic, fluid user interfaces.

ReactJS is the JavaScript library used by companies like Instagram and Facebook to build large applications with continuously changing data. It’s the foundation of many dynamic, fluid user interfaces. Cover the latest version (0.14) of ReactJS in this fast-paced tutorial, and you’ll have a valuable addition to your resume and may increase your chances of landing a high paying web development position.

Take the course at your own pace w/ lifetime access to over 62 lectures & 5 hours of content
Discover HTML Entities & their application in web development
Discover component state & life cycle
Learn how to create multiple components & reusable components
Make use of JSX, DOM, and AJAX
Understand Flux

SkillBakery Studios

SkillBakery is one of the fastest growing online education company.

Our vision is to provide high quality education which is affordable and accessible to everyone

We believe that every one has their own way of learning and grasping things and that’s why we provide self-paced HD quality contents,so you can learn what you love at your convinience

We currently offer courses in web development and will soon be publishing new courses in other categories as well

We are committed to bring courses on new topics and we try to release one new course every month

So keep visiting us, you will surely find something for yourself here.

5:09  Hours

61 Lessons

Lifetime Access

Course Curriculum

Preview Course

Introduction to ReactJS
Introduction (1:27)
Downloading & Installing ReactJS – Our First Example – Hello World! (4:21)
Understanding Virtual DOM (1:19)
Components in ReactJS
Rendering Data in ReactJS (6:23)
Applying CSS class to HTML content in ReactJS (2:11)
Playing Safe with HTML Entities (3:00)
Component State & Life Cycle (9:54)
Component State in Action (4:56)
Understanding State in React (4:10)
Understanding Component LifeCycle – I (7:35)
Understanding Component LifeCycle – II (5:17)
Understanding Component LifeCycle – III (9:52)
Creating Multiple Components in ReactJS (6:19)
Creating Reusable Components (6:32)
Properties & Events
Working with Properties (9:10)
Accessing Child Properties (1:18)
Making use of transferPropsTo – [Deprecated] See lecture 61 for update (1:46)
Working with Mixins (11:56)
Understanding Events in ReactJS (2:43)
Exploring static methods (4:06)
Forms Components
Working with Forms in ReactJS (5:06)
Accessing DOM
Referring DOM Nodes – The Refs way (2:12)
Tooling Support
Converting JSX to JS (5:05)
Using Gulp To compile and concatenate JSX files – I (7:15)
Using Gulp To compile and concatenate JSX files (Using Browserify) – II (13:23)
Component Communication (4:35)
Working with jQuery – Ajax (3:22)
DOM Event Listeners (5:05)
Inline Styles in ReactJS (2:27)
Using dangerouslySetInnerHTML (1:58)
Major AddOns in ReactJS
Two Way Data Binding (7:09)
Clone Elements – [cloneWithProps Deprecated – Use React.cloneElement instead] (2:54)
Using React.cloneElement (1:26)
Making use of classSet to apply Conditional Styles (2:41)
Making use of classnames to apply conditional styling (1:34)
Animation using CSSTransitionGroup (4:54)
Introduction to React Router
Working with React Router (9:33)
Working with Links & Creating Nested Routes (4:03)
Refactoring Routes and Components (2:47)
React and Remote Data
Introducing Fetch (7:36)
Rendering Remote Data in Components (4:00)
React Developer Tool for Chrome
React Dev Tools (2:53)
Flux
Introduction (4:58)
Flux Setup (5:48)
Flux Architecture – Code Demo (9:29)
Dispatcher – The Broadcaster (3:50)
Actions
Stores (5:40)
Components and Views (8:10)
Project – Course Cart
Introduction (1:42)
Course Cart – (0:27)
Course Cart – Package And Mockup Data (2:05)
Course Cart – CartAPI and Flux Actions (1:36)
Course Cart – App And Dispatcher (2:31)
Course Cart – Creating Stores And Final Demo (9:58)
Reflux
Introduction to Reflux Store (4:11)
Loading data using Reflux (4:00)
Working with Actions in Reflux (5:10)
Version 0.14.x update
Hello World with React Version 0.14 (2:33)
Using version 0.14 via NPM (2:41)
Using JSX Spread to transfer Properties (2:07)
Conclusion and Code Download
Conclusion and Code Download (0:32)

Functional Programming using JavaScript

Functional Programming using JavaScript

Instructor: SkillBakery Studios

OverviewDescriptionAbout

Learn Functional Programming

Functional Programming using JavaScript
Creating an event driven real time web application
Exploring various libraries providing functional programming

What you’ll learn
Functional Programming using JavaScript
Creating an event driven real time web application
Exploring various libraries providing functional programming
Requirements
Basics of Javascript
Basics of Computer Programming
Description
Functional programming is gaining momentum nowadays and many languages like F#, RUST, and GO are some of the popular languages which promote functional programming.

Functional programming is the process of building software by composing pure functions, avoiding shared state, mutable data, and side-effects. Functional programming is declarative rather than imperative, and the application state flows through pure functions. Contrast with object-oriented programming, where the application state is usually shared and colocated with methods in objects.

Functional programming is a programming paradigm, meaning that it is a way of thinking about software construction based on some fundamental, defining principles (listed above). Other examples of programming paradigms include object-oriented programming and procedural programming.

Functional code tends to be more concise, more predictable, and easier to test than imperative or object-oriented code — but if you’re unfamiliar with it and the common patterns associated with it, functional code can also seem a lot denser, and the related literature can be impenetrable to newcomers.

In this course, we will be learning many libraries that give us access to functional programming using JavaScript.

There are some which generate transpiled javascript code like Scala, ELM, ClojureScript, PureScript

We will look into all these and many more libraries and learn how to do functional programming using JavaScript.

Who this course is for:
Web Developers
Aspiring Web Developers
Web Designers
Software Developers

SkillBakery Studios

SkillBakery is one of the fastest growing online education company.

Our vision is to provide high quality education which is affordable and accessible to everyone

We believe that every one has their own way of learning and grasping things and that’s why we provide self-paced HD quality contents,so you can learn what you love at your convinience

We currently offer courses in web development and will soon be publishing new courses in other categories as well

We are committed to bring courses on new topics and we try to release one new course every month

So keep visiting us, you will surely find something for yourself here.

3  Hours

51 Lessons

Lifetime Access

Course Curriculum

Preview Course

Introduction
Introduction to fundamental programing (4:28)
Exploring Functional JavaScript Libraries – Underscore
Working with Underscore.js (3:26)
Using Templates in Underscore.js (2:36)
Lodash Library
Introduction to Lodash Library (1:50)
Functional and Object Oriented Notations (2:50)
Deep Cloning (2:40)
Currying using LoDash (2:28)
Lazy.js
Introduction to Lazy.js (1:54)
Working with Sets, Maps or Custom Iterables (2:42)
Handling HTTP Requests (1:46)
Events (1:41)
Array String Sequences (1:47)
Ramda.js
Introduction to Ramda.js (0:52)
Ramda Functions – Map and Filter (3:21)
Method Composition (1:51)
Function Piping or Sequencing (2:20)
Function Transducers (2:08)
Processing API Calls (4:23)
Immutable.js
Introduction to Immutable.js (1:25)
Using Immutable.js with Map (4:09)
Using Immutable.js with List (3:13)
Immutable built-in lazy sequences (1:41)
Custom Lazy Sequences (2:12)
ClojureScript
Introduction to ClojureScript (1:11)
Inline Functions (2:57)
Named Function and Using Map and Filter (3:52)
Purescript
Intoduction to PureScript (1:10)
PureScript – Functions, Map and Filter (6:51)
Scala
Introduction to Scala (3:12)
Exploring List,Map and Filter in Scala (2:01)
elm
Introduction to elm (2:10)
Creating a function and using Map and Filter (2:38)
Reactive Programing
Introduction to Reactive Programming (1:36)
Observers, Event Listeners, Combining Streams and Advantages of Reactive Program (1:36)
Introduction to RxJS (2:52)
Creating Observables – Part 1 (3:08)
Creating Observables – Part 2 (1:38)
Working with DOM Events (1:29)
Map, Filter and Take (1:32)
Iterables (1:21)
Promise (1:21)
Merging and Concatenating Observables (3:23)
Web Application using RxJS
Introduction (0:44)
Slack API Web Application (3:08)
Accessing Slack API (4:20)
Working with Real Time Messaging API (2:47)
RxJS Web Application – Fetch All Channels (2:30)
RxJS Web Application – Fetch Channel History (3:03)
RxJS Web Application – Capturing Real Time Events (2:50)
RxJS Web Application – Displaying Event Messages (1:08)
Conclusion and Code Download
Conclusion and Code Download (2:11)

Master NodeJs A Practical Approach To Node JS

Master NodeJs : A Practical Approach To Node JS

Instructor: SkillBakery Studios

OverviewDescriptionAbout

From No Node to Know Node

What you’ll learn

Know a lot about Node,Express,Socket.IO
Build cool new web applications like Dynamic Websites, Chat applications and many more

What you’ll learn

  • Know a lot about Node,Express,Socket.IO
  • Build cool new web applications like Dynamic Websites, Chat applications and many more
  • How to use Node,Express and MySQL together
  • How to working with MongoDB with Node
  • How to Deploy web applications on Heroku,Azure and Amazon EC2
  • How to Install Node on Windows,Mac and Linux
  • Understand MEAN Stack
  • How to implement Authentication using Mongoose,Express and Passport
Requirements
  • You should be aware of basic programming concepts
  • You should know basics of HTML and CSS
  • A bit of JavaScript experience will do no harm in understanding the course.

Description

This course provides you with a practical approach to Node.js. The main focus of this course is to get you familiar with Node and ensure that you are ready to build cool new web applications using Node in no time.

In this course we will be covering fundamentals of JavaScript first so that it becomes easier to understand the different concepts and syntax that one uses in Node.JS

In this course we will covering following topics

  1. Fundamentals of JavaScript and HTML 5 Communication API
  2. Fundamentals of Node.js
  3. Creating and Publishing Modules
  4. Using Node Package Manager
  5. Creating a Webserver using Node
  6. Learning how to use Express
  7. Understanding how to work with Databases like MySQL and MongoDB
  8. Deploying our Web application on Heroku, Azure and Amazon EC2
  9. Learning how to make use of Socket.IO
  10. Creating a cool chat application
  11. Learn how to implement authentication using Express,Mongoose and Passport
  12. A brief introduction to MEAN Stack and creating a hello world MEAN application
    So what are you waiting for let’s get started with Node
Who this course is for:
  • Those who have experience in programming
  • Those who want to learn Node.JS
  • Those who are into web development
  • Those who would love to learn programming

SkillBakery Studios

SkillBakery is one of the fastest growing online education company.

Our vision is to provide high quality education which is affordable and accessible to everyone

We believe that every one has their own way of learning and grasping things and that’s why we provide self-paced HD quality contents,so you can learn what you love at your convinience

We currently offer courses in web development and will soon be publishing new courses in other categories as well

We are committed to bring courses on new topics and we try to release one new course every month

So keep visiting us, you will surely find something for yourself here.

7:01  Hours

112 Lessons

Lifetime Access

Course Curriculum

Preview Course

Node.JS – Introduction
Introduction (1:55)
Who this course is for (1:23)
How Node.JS Works (2:11)
Node V8 Engine (1:04)
Introduction to Frameworks
Node.JS Frameworks (5:02)
Installing Node.JS
Installing on Windows (2:06)
Installing on MAC (1:23)
Installing on linux- AWS EC2 Instance (5:20)
Editors
WebMatrix and Visual Studio Code (1:40)
Javascript Basics
Introduction (2:15)
Javascript Variables & Data Types (4:53)
Operators in JavaScript (6:26)
Conditional Statements in JavaScript (4:31)
Loops in JavaScript (8:23)
Functions & Scope of Variables in JavaScrript (5:33)
Closures in JavaScript (6:29)
Understanding Objects in JavaScript (3:53)
Object.Prototype (3:24)
Code Download
HTML 5 – Introduction to Communication APIs
HTML 5 – Web Storage API – Local and Session Storage (5:34)
HTML 5 – Web Sockets (5:43)
Code Download
Fundamentals of Node.JS
What is REPL – Read Evaluate Print Line (3:43)
Loading Files – Using REPL (4:11)
Process Object (7:44)
Global Namespace (3:28)
Buffers (8:24)
Understanding Callbacks (2:40)
Code Download
Modules & Node Package Manager
Introduction (7:22)
Making use of NPM – Node Package Manager (4:36)
Publishing node modules (9:31)
Module Caching (1:51)
Module Caching – Overcoming the limitations (4:01)
Module Patterns (3:21)
Code Download
Events
Events and EventEmitter (5:52)
EventEmitter and Inheritance (5:06)
Creating your own EventEmitter (4:08)
Creating Classes in ES6 (3:33)
ES6 Classes and EventEmitter (3:33)
Code Download
Streams
Introduction to Streams (0:54)
Readable Streams (3:11)
Writeable Streams (2:01)
Piping (1:15)
Chaining (1:39)
Set Encoding (0:51)
Additional Methods of Readable Streams (3:40)
Duplex Streams (0:55)
Code Download
Introduction to Asynchronous Programming
Introduction (6:15)
Promises (3:05)
Generators (2:40)
Resolving Callback Hell (5:50)
Code Download
Creating a WebServer
How a Web Server works (3:09)
Creating our WebServer (3:36)
Sending HTML content as response from WebServer (4:20)
Serving Static Contents (5:42)
Post data to Node Web Server (4:35)
Code Download
Handling Querystring (5:33)
Working with Express
Introduction to Express (3:07)
Installing Express (3:50)
Creating a Web Server using Express (3:17)
Adding routes to Express App (4:08)
Working with Express Templates (8:00)
Working with partials (4:38)
Sharing content across routes (4:29)
Organizing our routes (2:54)
Making use of Express Generator (6:56)
Express Middleware (3:31)
Code Download
Project – Course Website using Express
Developing our Course Website using Express (0:44)
Understanding assets of our Express Web Application (2:09)
Structuring our express web application (6:24)
Populating templates of our express web application (2:35)
Working with Routes and Models (5:23)
Creating additional routes (5:51)
Code Download
Deployment
Deploying on Heroku (5:35)
Deploying on Azure (7:42)
Deploying on AWS – Linux EC2 Instance (3:38)
Working with Database
Introduction to Database (2:50)
Downloading and Installing MySQL and Workbench on Windows (4:37)
Connecting MySQL with our Express Application (4:51)
Introduction to NoSQL Database (1:05)
Installing MongoDB Locally (3:47)
Working with MongoDB and Mongoose (5:27)
Using Mongolab – MongoDB as a Service (4:11)
Code Download
Authentication using Express and Passport
Setting up our Authentication Application (3:04)
Creating User Model in Mongoose (3:21)
Developing Strategies – I – Login Strategy (7:38)
Developing Strategies – II – Signup Strategy (1:49)
Creating Routes (4:46)
Creating our Login/Signup Layout and Finishing the Application (6:21)
Code Download
Socket programming using Socket.IO
Introduction to Socket.IO (3:13)
Sending messages via Socket to connected Clients (2:14)
Installing Socket.IO (4:46)
Listening for Events on Server as well as on Client (2:56)
Sending messages from client to server (3:46)
Code Download
Chat Application using Socket.IO
Setting our Chat Application Template (3:16)
Displaying list of connected users (4:19)
Send Messages using our chat application (3:01)
Code Download
Introduction to MEAN Stack
Creating a MEAN Application (1:59)
MEAN – MongoDB,Express,AngularJS and Node (1:27)
Conclusion
Conclusion (0:40)

Master Typescript Learn Typescript from scratch

Master Typescript : Learn Typescript from scratch

Instructor: SkillBakery Studios

OverviewDescriptionAbout

Put your Object Oriented Programming Skills to create cool dynamic JavaScript applications using TypeScript

This course is all about exploring TypeScript and how it makes use of Object Oriented Programming concept to create large web applications in a manageable way.

What you’ll learn

  • Develop easily manageable large web applications using TypeScript
  • Understand how to install and use TypeScript with various editors like WebMatrix etc
  • Understand how to combine multiple files in one and create a production ready version

Requirements

  • Basic HTML
  • Basic knowledge of javascript
  • Basic knowledge of jQUery
  • Basic CSS
Description

This course is all about exploring TypeScript and how it makes use of Object Oriented Programming concept to create large web applications in a manageable way.

The course is for aspiring web developers as well as professional web developers who want to enhance their skillset. Those who have basic knowledge of server side programming with OOP like C# or JAVA will find it more easy to write TypeScript code which gets compiled to JavaScript

The course demonstrates the practicality of TypeScript by creating a Shopping Cart Application

Here’s what you will be learning in detail about TypeScript

1. Introduction to TypeScript

2. Prerequisites & Installation

3. Understanding Interfaces in TypeScript

4. Understanding Classes

5. Understanding Modules

6. Understanding Functions

7. Generics

8. Declaration Merging

9. Type Compatibility

10. Creating a Shopping Cart using TypeScript and jQuery

So let’s get started with TypeScript

Who this course is for:
  • Aspiring Web Developer
  • Aspiring Web Designers
  • Web Developers
  • Web Designers

SkillBakery Studios

SkillBakery is one of the fastest growing online education company.

Our vision is to provide high quality education which is affordable and accessible to everyone

We believe that every one has their own way of learning and grasping things and that’s why we provide self-paced HD quality contents,so you can learn what you love at your convinience

We currently offer courses in web development and will soon be publishing new courses in other categories as well

We are committed to bring courses on new topics and we try to release one new course every month

So keep visiting us, you will surely find something for yourself here.

3:21  Hours

60 Lessons

Lifetime Access

Course Curriculum

Preview Course

Introduction to typescript
What is TypeScript (1:50)
Why one should learn TypeScript (1:28)
What this course covers (0:41)
Prerequisites & Installation
Prerequisites & Installation (1:40)
Using TypeScript Compiler (4:32)
Editors (4:57)
Editors Continued…Visual Studio Code (5:05)
Exploring TypeScript Playground (3:11)
Understanding Types in TypeScript
Introduction to Types (1:12)
Basic Types (1:25)
Types introduced by TypeScript (2:11)
Code Demo (1:39)
Understanding Interfaces in TypeScript
Introduction to Interface (4:43)
Making the interfaces with Optional Properties (2:12)
Defining structure for Functions – Function Types (3:04)
Understanding Array Types (3:05)
Understanding Class Types (2:02)
More on Understanding Class Types (1:59)
Extending Interfaces (1:37)
Working with Hybrid Interfaces (2:36)
Understanding Classes
Introduction to Classes (2:30)
Inheritance (3:41)
Public Private Modifiers (2:22)
Parameter Properties (2:31)
Class Accessors (3:19)
Static Properties (2:40)
Understanding Modules
Introduction (3:04)
External Modules (2:34)
Using Aliases (1:47)
Using Modules with jQuery and RequireJS (4:58)
Understanding Functions
Introduction (2:31)
Optional & Default Parameters (2:35)
Rest Parameters (2:04)
Lamdas & This (4:18)
Function Overloading (4:19)
Understanding Events in TypeScript
Events in TypeScript (9:36)
Generics
Introduction (5:37)
Generics Array (1:57)
Generic Interfaces (3:33)
Generic Classes (4:25)
Generic Constraints (3:04)
Declaration Merging
Introduction (0:40)
Interface Merging (3:08)
Module merging (2:22)
Merging Module with Classes (2:12)
Merging Module with Functions (2:02)
Merging Modules with Enums (1:08)
Disallowed Merges (0:26)
Type Compatibility
Introduction (2:58)
Comparing Functions (4:25)
Enums (1:49)
Classes (2:13)
Generics (2:30)
Creating a Shopping Cart using TypeScript and jQuery
Introduction (0:41)
Creating the Utility classes (1:04)
Creating Product Class (2:25)
Creating Cart ItemClass (1:54)
Creating the Shopping Cart Experience (1:21)
New Project in Action (3:46)
Conclusion & Code Download
Conclusion and Code Download (0:23)

Master Javascript & jQuery

Master Javascript & jQuery

Instructor: SkillBakery Studios

OverviewDescriptionAbout

Learn everything about JavaScript and jQuery

This course covers basic to advance topics in javascript and jQuery

All the chapters are delivered via High resolution videos in an easy to understand way

What you’ll learn

  • Become a master in javascript and jQuery
Requirements
  • HTML
  • CSS

Description

This course covers basic to advance topics in javascript and jQuery

All the chapters are delivered via High resolution videos in an easy to understand way
Code for each excercise demonstrated is also included for easy reference

The course starts from introduction of javascript and covers all the topics which are relevant in todays programming scenario
The course is structured in such a way that its very easy to follow for students of all levels

At the end of this course you will know everything about javascript and jQuery that matters the most

So hurry up start learning today.

Who this course is for:
  • Web Developers
  • Web Designers
  • Aspiring Web Developers

SkillBakery Studios

SkillBakery is one of the fastest growing online education company.

Our vision is to provide high quality education which is affordable and accessible to everyone

We believe that every one has their own way of learning and grasping things and that’s why we provide self-paced HD quality contents,so you can learn what you love at your convinience

We currently offer courses in web development and will soon be publishing new courses in other categories as well

We are committed to bring courses on new topics and we try to release one new course every month

So keep visiting us, you will surely find something for yourself here.

6:48  Hours

79 Lessons

Lifetime Access

Course Curriculum

Preview Course

Introduction to JavaScript
Introduction to JavaScript (1:16)
Writing your first JavaScript Code (3:04)
JavaScript Basics
Variables & DataTypes (5:31)
DialogBoxes in JavaScript (5:23)
Operators in JavaScript (13:29)
Conditional Statements (6:33)
Arrays (12:40)
Loops (12:26)
Functions (7:12)
Error Handling (6:18)
Debugging in JavaScript (8:12)
Document Object Model
Introduction to Document Object Model (3:13)
HTML DOM Elements (8:51)
Changing HTML DOM Elements (6:24)
Events (15:54)
HTML DOM Navigation (18:26)
Browser Object Model
The Window Object (7:35)
Window Screen (1:02)
Window Location (2:11)
Window History (0:56)
Window Navigation (0:54)
Timers (3:29)
Cookies (10:23)
JavaScript Objects – Built In and Custom Objects
Date Object (4:00)
Math Object (2:39)
RegEx Object (5:48)
Global Object (4:49)
Custom Objects – Creating your own objects (4:23)
Accessing properties of your objects (1:40)
Object Oriented Programming in JavaScript
Object Oriented Programming in JavaScript (7:04)
The Object Prototype
The Object Prototype (4:31)
Adding custom properties to Object Prototype (2:52)
Using Object.Create (3:04)
Creating classes using object.prototype (5:32)
Overriding Object Prototype Functions (4:43)
Function Expressions
Introduction to Function Expression (4:04)
How to use Function Expression with Map Method of Array (1:53)
How to return a function from a function using Function Expression (2:35)
Closures
Introduction to Closures (3:09)
Updating bound variables in the background (1:26)
Common closure mistakes and preventative measures (4:15)
Hoisting in JavaScript
Program Load Order (5:37)
Modules in JavaScript – Namespace and More…
Namespace in JavaScript (5:33)
Anonymous Closures (4:51)
Global Imports (3:09)
Augmentation (4:16)
Miscellaneous
Accessing elements of an iframe (2:18)
Communication between parent and child window (2:32)
Closures (7:57)
Curious Case of JavaScript eval method (5:06)
jQuery
Introduction and Setting up jQuery (6:29)
Selecting Elements in jQuery – Selectors & Filters (8:39)
Accessing Parent and Child Elements (2:55)
jQuery Find and Sibling methods (4:08)
Manipulating CSS Styles with jQuery (2:15)
Checking Element Existence (2:01)
Adding, Removing, and Appending Elements and Content (6:05)
Dealing with Events in jQuery (2:04)
Showing and Hiding Elements with jQuery (3:05)
Cloning DOM Elements using jQuery Clone() (4:20)
jQuery Animations and Effects (2:37)
Playing with AJAX (7:58)
Writing your jQuery plugin (14:01)
Conflict Resolution (0:54)
JavaScript Best Practices
Introduction (0:38)
Ternary Conditionals (8:15)
Placement of Script Tag in your page (4:22)
Performance boosting tips – Reusability using Inheritance (2:42)
Assignment with Logical “OR” Operator (5:44)
Assignment with Logical “AND” Operator (4:58)
Making use of document fragment to avoid DOM reflow (5:09)
Efficient string concatenation (2:39)
Optimizing Loops (2:21)
Using === Triple comparator operator rather than == (2:42)
Playing with numbers and JSON Data (3:41)
Some important do’s and don’ts in javascript (11:38)
Introduction to node.js
node.js (3:44)
Conclusion
Conclusion & Code Download (0:38)

JavaScript ES6 The Next Level

JavaScript ES6 : The Next Level

Instructor: SkillBakery Studios

OverviewDescriptionAbout

Learn the all new cool features of ES6 – EcmaScript version 6 and see how it enhances JavaScript furthermore.

This course is all about exploring the cool and new features of ES6 – EcmaScript version 6.

The course is specially designed for front end developers and designers who have interest in javascript and who want to be ahead of their peers by learning the new features of this amazing language.

What you’ll learn

  • Learn the new features introduced in ES6
  • Understand the difference between ES6 features and ES5
  • Learn how to setup and run ES6 using tools like Babel & Traceur
  • Learn a bit about GRUNT,Browserify as well
  • Be ahead of your peers by learning the new technology
Requirements
  • Basic knowledge of JavaScript is required

Description

This course is all about exploring the cool and new features of ES6 – EcmaScript version 6.

The course is specially designed for front end developers and designers who have interest in javascript and who want to be ahead of their peers by learning the new features of this amazing language.

The course covers all the new features/topics in a practical manner with each topic being demonstrated by code samples which you can see in action by easily running them via popular browsers like firefox and chrome.

The course covers following topics

1. Introduction and Basic Setup of ES6

2. Block Bindings which covers Let and Variable Hoisting

3. Arrow Functions

4. Parameters & Their Types

5. Destructuring Parameters

6. Iterators

7. Generators

8. Collections

9. Template Strings

10. Promises

11. Classes

12. Modules

At the end of the course you will be well versed with all the concepts/features of ES6

So let’s get started with ES6

Who this course is for:
  • Aspiring Web Developers
  • Web Developers
  • Web Designers
  • Web Architects

SkillBakery Studios

SkillBakery is one of the fastest growing online education company.

Our vision is to provide high quality education which is affordable and accessible to everyone

We believe that every one has their own way of learning and grasping things and that’s why we provide self-paced HD quality contents,so you can learn what you love at your convinience

We currently offer courses in web development and will soon be publishing new courses in other categories as well

We are committed to bring courses on new topics and we try to release one new course every month

So keep visiting us, you will surely find something for yourself here.

3:10  Hours

35 Lessons

Lifetime Access

Course Curriculum

Preview Course

Introduction and Basic Setup
Introduction (2:34)
Setting up ES6 (1:03)
Setting up ES6 – Transpiler [TraceUR] (0:29)
Block Bindings
The let keyword (4:11)
Variable Hoisting (4:03)
Arrow Functions
Arrow functions (8:04)
Destructured Assignment (4:33)
Parameters
Default Parameters (2:32)
Rest Parameters (2:00)
Spread Operator (1:55)
Proper Tail Calls (0:58)
Destructuring Parameters,Arrays and Objects
Destructured Parameters (1:09)
Destructuring Arrays (3:07)
Destructuring Objects (3:47)
iterators
for..as (2:00)
Generators
Generators (8:15)
Collections
Sets (1:55)
Maps (1:31)
Symbols (7:18)
WeakMaps (4:03)
Template Strings
Template Strings (2:22)
Promises
Introduction (2:31)
More on Promises (3:31)
Classes
Creating a Class (3:41)
Modules
Introduction (5:55)
More on Modules (selective imports) (2:02)
New Built-In Methods
New string methods (2:13)
New Number Methods (2:39)
New Array Methods (5:19)
Object Property Assignment (1:56)
Extended Literals
Binary and Octal Literals (1:15)
Meta Programming
Proxies (4:15)
Exploring the receiver parameter of handler.get and set methods (5:18)
Reflect (3:50)
Conclusion
Conclusion & Code Download (0:22)

Master AngularJS Learn Angular JS From Scratch

Master AngularJS : Learn Angular JS From Scratch

Instructor: SkillBakery Studios

OverviewDescriptionAbout

Master AngularJS and learn how to develop web applications including Single Page Applications (SPAs) using AngularJS

This course teaches all about AngularJS. The course is designed for people having basic understanding of HTML,CSS & JavaScript.

What you’ll learn

  • Learn key concepts of AngularJS
  • learn how to develop single page applications using AngularJS
  • Access to 40 HD quality videos
  • Access to Exercise files used during the course

Requirements

  • Basic understanding of HTML
  • Basic understanding of CSS
  • Basic knowledge of JavaScript
Description

This course teaches all about AngularJS. The course is designed for people having basic understanding of HTML,CSS & JavaScript. Learning AngularJS will surely be an added advantage for you as a web-developer

The course covers all the basic and advanced topics.

We will be also developing a Single Page Course Based Website during this course.
Section wise code samples are also provided

So let’s start learning…

Who this course is for:
  • Web developers with experience in working with HTML, CSS, and JavaScript

SkillBakery Studios

SkillBakery is one of the fastest growing online education company.

Our vision is to provide high quality education which is affordable and accessible to everyone

We believe that every one has their own way of learning and grasping things and that’s why we provide self-paced HD quality contents,so you can learn what you love at your convinience

We currently offer courses in web development and will soon be publishing new courses in other categories as well

We are committed to bring courses on new topics and we try to release one new course every month

So keep visiting us, you will surely find something for yourself here.

3:14  Hours

40 Lessons

Lifetime Access

Course Curriculum

Preview Course

Introduction to AngularJS
What is AngularJS (2:26)
Why one should use AngularJS (2:53)
Basics of AngularJS (10:48)
AngularJS Architecture Pattern (1:40)
Understanding Views,Directives & Filters
Introduction (0:18)
One way Data Binding (1:38)
Two Way Data Binding (3:23)
Directives & Expressions (2:50)
Built-in Directives (8:12)
Iterating over data (7:59)
Sorting & Formatting Data (12:53)
Making use of ng-include (1:15)
Modules,Controllers & Scope
Understanding Modules (2:32)
Defining & Adding a Controller to a Module (5:22)
Hooking Views to Controller (1:33)
Module,Controller and Views in action – Code Demo (7:12)
Dealing with minification & Parameter Injection techniques (3:48)
Forms,Models & Validatons
Preparing our Form (3:38)
Posting our reviews back to our review collection (3:23)
Form Validation in action (5:45)
Templates – Custom Directives
Custom Directives & their types (8:28)
Custom Directives with Controllers (4:31)
Routing
Introduction to Routing (1:37)
Making use of ngRoute (1:39)
Configuring routes using $routeProvider & ng-view Directive (4:31)
Configuring Additional routes with parameters (6:29)
Factories and Services
Introduction (0:45)
Factory & Service Outline (2:06)
Creating a Factory & Injecting it in a Controller (8:29)
Wiring the Business Logic into a Factory (3:02)
Creating a Service – An Overview (3:08)
Creating a Service – Code Demo
Using built-in AngularJS services (5:36)
Understanding Dependency Injection (4:07)
CSS & AngularJs
Playing with CSS (0:18)
Working with Bootstrap (2:26)
Using ng-animate (6:53)
Miscellaneous
Getting the Tabs ready (5:38)
Handling css classes with ng-class (1:19)
Conclusion
Conclusion & Code Download (0:28)

The Foundations of HTML CSS and JavaScript

The Foundations of HTML CSS and JavaScript

Instructor: Total Training

OverviewDescriptionAbout

This course teaches you about closures, prototypes, JSON, the DOM, selectors, inheritance in CSS and in Javascript, and first class functions

This is not a course on JavaScript frameworks – it’s about solid, fundamental HTML, CSS, and JavaScript!

This is not a course on JavaScript frameworks – it’s about solid, fundamental HTML, CSS, and JavaScript! You’ll be surprised by how much more you can get done on your web pages once you learn these technologies the right way.

What Will I Learn?
Understand HTML – its structure, and the commonly used tags
Utilize CSS, including inheritance, selectors, the box model – the very topics that make CSS hard to use
Master the fundamentals of JavaScript
Use closures, dynamic prototyping, JSON, and the Document-Object-Model with confidence
Gain an understanding of HTML, its structure, and the tags that are commonly used
Learn how to use CSS, its selectors, inheritance, and the box model

Who is This Course For?
Yep! Folks who are absolutely new to web programming, and wish to learn HTML and CSS from scratch
Yep! Folks who are seeking to learn JavaScript the right way – including folks who may done some JavaScript programming, but are not quite confident using advanced features such as closures or dynamic prototyping
Yep! Java, C#, Python or C++ programmers who are looking to master JavaScript
Nope! This class is not right for you if you are looking to learn JavaScript frameworks such as jQuery, Angular or Node.js

What are the Requirements?
Any modern browser and a simple text editor are all that will be needed for the code examples
Some prior programming experience will definitely help in the advanced JavaScript portions – if you are entirely new to programming, the second half of the JavaScript section will seem very challenging

Total Training

Total Training is a pioneer in innovative online training for leading creative design, digital video, office productivity software programs, and more.

Ranging from casual hobbyists to the most seasoned professionals, our users quickly learn new applications and broaden their knowledge of programs currently used. Narrated in an entertaining format by industry experts and leading authors, our video-based training titles are critical tools for anyone wanting to learn tips, techniques, and best practices from the most respected names in the business.

We currently offer affordable subscriptions to our All-Access Library, which contains hundreds of courses, thousands of clips, and project files so users can follow along.

HISTORY
Total Training was founded in 1996 to provide the highest quality instruction to users of creative software. Recognizing that printed instruction was tedious, and classroom training was hard to find and often prohibitively expensive, Brian Maffitt, Total Training CEO and President collaborated to create the first video series, Total AE. The response was overwhelming.

13:11  Hours

94 Lessons

Lifetime Access

Course Curriculum

Preview Course

CHAPTER 01: WELCOME TO HTML, CSS, AND JAVASCRIPT!
Introduction (2:18)
CHAPTER 02: HTML
Introducing HTML and CSS (9:07)
Introduction to HTML (12:25)
Introduction to CSS (6:34)
The A Tag (8:09)
Paths (5:30)
Quotes (6:24)
Lists: Ordered and Unordered (7:43)
Other Miscellaneous HTML Tags (2:23)
URL and Domain Names (10:52)
The img Tag (10:30)
The HTML Standard (3:08)
CHAPTER 03: CSS
Cascading Stylesheets reintroduced (8:15)
Inheritance in CSS (7:19)
CSS Selectors (9:50)
Fonts (9:59)
Colors (3:30)
The Box Model (11:45)
The element (7:47)
What is the exact style applied? (8:12)
The Element (2:47)
HTML States and Pseudo-classes (2:50)
Normal Rendering Flow of The Browser (15:00)
The CSS float and clear properties (9:42)
Experimenting with the position attribute (12:23)
Fluid and Fixed Layouts (8:58)
The CSS display property (7:58)
Chrome Developer Tools (15:45)
CHAPTER 04: JAVASCRIPT BASICS
Introducing JavaScript (15:36)
Example 1: Executing JavaScript code (4:13)
Example 2: Basic programming constructs (7:30)
Example 3: Separating HTML and JS files (10:16)
Example 4: Using the console.log statement (6:21)
Example 5: Local and global variables (16:08)
Example 6: Undeclared variables in JS are global (7:46)
Example 7: Local variables hide global variables of the same name (5:42)
Example 8: JavaScript is ephemeral, reloading a page resets everything (4:19)
Example 9: Creating and using arrays (14:39)
Example 10: Copying an array (13:56)
Example 11: Adding an element to an array (5:58)
Example 12: Deleting elements from an array (8:08)
Example 13: Arrays can contain different types (0:57)
Example 14: Non-existent array elements are undefined (6:32)
First class functions (6:31)
CHAPTER 05: OBJECTS IN JAVASCRIPT
Introduction to JavaScript objects (10:58)
Example 15: Creating an object using JSON (8:12)
Example 16: Creating an object using a constructor (15:51)
Example 17: Adding properties to objects dynamically (11:58)
Example 18: Removing properties from objects dynamically (3:05)
Example 19: Object properties can be functions (7:33)
Example 20: Object constructors can have property functions (2:46)
Example 21: Two ways of accessing object properties (6:40)
Example 22: Iterating over all properties in an object (4:54)
Example 23: Calling a constructor without new (10:02)
Example 24: Understanding the typeof operator (6:12)
Example 25: Paternity tests using instanceof (5:36)
Example 26: Faking public and private properties (10:24)
CHAPTER 06: FIRST CLASS FUNCTIONS – IN DETAIL
Example 27: Functions as arguments to functions (12:35)
Example 28: Functions that return functions (8:38)
Example 29: Arguments pass by value to functions (7:31)
Example 30: Arguments pass by reference (15:42)
CHAPTER 07: JAVASCRIPT QUIRKS
Introduction to JavaScript Quirks (6:13)
Example 31: Understanding undefined (11:28)
Example 32: Understanding null (13:58)
Example 33: Understanding NaN (8:58)
Example 34: Strings and numbers and conversions between them (10:40)
Example 35: Strange comparison operators (10:51)
Example 36: Truthy and falsy (6:58)
Example 37: Simple string operations (14:09)
CHAPTER 08: FUNCTIONS YET AGAIN
Example 38: Declared Functions, Function Literals and Hoisting (15:46)
Example 39: Named and Anonymous Function Literals (7:23)
Example 40: Nested Functions (15:05)
Example 41: Nested functions can be declared (6:54)
CHAPTER 09: CLOSURES
Introduction to closures (18:42)
Example 42: Closure variables win over local variables (8:51)
Example 43: Closures with declared functions and function literals (2:27)
Example 44: Referencing environment with function parameters (5:43)
Example 45: Closure variables cooler than global variables (13:38)
CHAPTER 10: PROTOTYPES, DYNAMIC PROTOTYPING, AND INHERITANCE
Introduction to prototypes (6:41)
Example 46: Prototypical Inheritance In Action (8:09)
Example 47: Dynamic Prototyping (4:19)
Example 48: Inheritance hierarchy using chained prototypes (5:40)
Example 49: Overriding properties using prototypes (6:53)
Example 50: The base object as the ultimate prototype (4:32)
Example 51: Overriding properties of built-in objects (2:54)
CHAPTER 11: THE DOCUMENT OBJECT MODEL AND EVENT HANDLING
Introduction to the Document Object Model (12:30)
Example 52: Modifying the HTML of a page using the DOM (4:06)
Example 53: Event Handling (5:45)
Example 54: Adding Multiple Event Handlers on the Same Event (3:38)
Example 55: Setting Arbitrary HTML Attributes (4:28)
Example 56: The window object (4:47)
CHAPTER 12: JSON
Introduction To JSON (14:31)
Example 57: Simple JSON Use Cases (3:01)
Example 58: Creating meaningful objects with JSON (3:10)
RESOURCES
Supplemental Materials

Starting with React.js

Starting with React.js

Instructor: Total Training

OverviewDescriptionAbout

Learn this must-have JavaScript library for building user interfaces

Many new or intermediate developers struggle to see how React.js differs from other JavaScript frameworks and libraries, or how it fits into application architecture in general.

Many new or intermediate developers struggle to see how React.js differs from other JavaScript frameworks and libraries, or how it fits into application architecture in general. Simply put, React allows you to develop user interfaces like the pros, and this Starting with React.js training course will show you exactly how it works.

Make Interactive UIs with Ease

  • Understand and use React components
  • Code a React app with an online IDE
  • Learn how React can help you as a developer
  • Style a React app with React CSS and Bootstrap
  • Use Flux, State and Props, Routers and more

The Must Have JavaScript Library

This React online course was designed with web developers in mind. If you design UI/UX solutions for mobile or the web, learning React.js will vastly improve how you work. And if you want to design with React as easily as with other JavaScript frameworks, this course is a must.

This course focuses on building simple components and composing them to create complex, rich, functional component solutions. You’ll get to grips with event handling, routing, implementing Flux architecture, and much more to master React fundamentals.

We start from the very beginning and stick with you every step of the way, kicking off with an introduction to React and getting progressively more challenging as the course continues. Don’t worry – you’ll soon be working on React projects with ease.

By the end of this course, you’ll be productive and efficient in using this versatile library, and you’ll be able to build great looking web apps faster than ever before.You’ll walk away with a working knowledge of the framework, it’s various facets, and you’ll understand how it fits into your process. But most of all, you’ll have a valuable and time-saving new skill in your developer toolbox.

What is React?

React.js is a JavaScript library that makes building user interfaces simple and painless. It is a view layer rather than a complete framework, so while it’s not suitable for building a fully functional dynamic app, it adds the finishing touch to make your websites look flawless. React is maintained by Facebook, Instagram and a wider community of developers and can be used with React-based add-ons or in conjunction with other JS libraries and frameworks.

Total Training

Total Training is a pioneer in innovative online training for leading creative design, digital video, office productivity software programs, and more.

Ranging from casual hobbyists to the most seasoned professionals, our users quickly learn new applications and broaden their knowledge of programs currently used. Narrated in an entertaining format by industry experts and leading authors, our video-based training titles are critical tools for anyone wanting to learn tips, techniques, and best practices from the most respected names in the business.

We currently offer affordable subscriptions to our All-Access Library, which contains hundreds of courses, thousands of clips, and project files so users can follow along.

HISTORY
Total Training was founded in 1996 to provide the highest quality instruction to users of creative software. Recognizing that printed instruction was tedious, and classroom training was hard to find and often prohibitively expensive, Brian Maffitt, Total Training CEO and President collaborated to create the first video series, Total AE. The response was overwhelming.

2:57  Hours

41 Lessons

Lifetime Access

Course Curriculum

Preview Course

CHAPTER 1: WELCOME TO STARTING WITH REACT
Introduction (2:12)
What is React (2:38)
How This Course Works (6:31)
Preparing for React (3:56)
CHAPTER 2: REACT COMPONENTS
Section Introduction (2:03)
Component Basics (5:28)
Component Implementation (4:23)
Component Composition (2:20)
Composition Implementation (3:25)
Section Conclusion (2:31)
CHAPTER 3: REACT STATE & PROPS
Section Introduction (1:22)
Managing Data in React (2:51)
State & Props Implementation (5:11)
Section Conclusion (1:53)
CHAPTER 4: REACT EVENT HANDLING
Section Introduction (0:59)
Reacting to Events (1:33)
Event Handling Implementation (5:14)
Section Conclusion (1:53)
CHAPTER 5: ROUTING IN REACT
Section Introduction (1:27)
Applying Routing (3:24)
Router Implementation (9:35)
More Routing Concerns (1:26)
More Routing Implementation (2:37)
Section Conclusion (2:24)
CHAPTER 6: REACT FLUX
Section Introduction (1:55)
The Flux Pattern (3:02)
Implementing a Flux Store (12:15)
More Flux Details (1:58)
Implementing Flux Shoutouts 1 (7:46)
Implementing Flux Shoutouts 2 (14:16)
React Forms (2:09)
Implementing a React Form (5:19)
Section Conclusion (2:48)
CHAPTER 7: STYLING REACT
Section Introduction (1:36)
Component-Level Styling (2:39)
Applying Style (6:15)
Flesh Out Characters (16:20)
Section Conclusion (1:39)
CHAPTER 8: COURSE CONCLUSION
Content Review (2:30)
What now (1:47)
Final Thoughts (1:26)
RESOURCES
Project Files – ing with Reactjs

Starting With Gulp

Starting With Gulp

Instructor: Total Training

OverviewDescriptionAbout

Learn this popular task manager for JavaScript development!

Sometimes there’s nothing more fun than sinking your teeth into a complex, challenging JavaScript build. Until you get so inundated with tiny, repetitive tasks that take up the majority of your coding time, that is.

Sometimes there’s nothing more fun than sinking your teeth into a complex, challenging JavaScript build. Until you get so inundated with tiny, repetitive tasks that take up the majority of your coding time, that is. Enter Gulp; the toolkit that automates all the boring stuff, so you can build the cool stuff. It’s going to make your builds so much better, and we’re going to teach you how to use it with this Starting with Gulp training course.

Cut Out the Boring Bits!

Install, program, and configure Gulp to work for you
Manage JavaScript projects with Gulp
Leverage Gulp as a JavaScript build system
Create runnable ‘builds’ with a single command
Use Gulp to minify SASS files and JavaScript
Rewrite HTML files to reference concatenated, minified JavaScript and CSS
Concatenate all your JavaScript into a single, downloadable file
Automatically build a JavaScript project with the ‘watch’ feature
Let Gulp do all of your mundane JavaScript tasks!
Use Gulp as a JavaScript Build System

This course was designed for developers who want to enhance their workflow. However if you work with JavaScript regularly, you need this course too. We’ll show you how to use to this toolkit to eliminate the most time-consuming, monotonous and downright boring tasks… and you don’t even need any Gulp experience to get started!

First we’ll explore Gulp at a high level. You’ll gain an understanding of what a build system is, what Gulp can do for you, and we’ll install and configure gulp according to your own needs. Then, the course divides into two sections; Gulp for development and Gulp for production. In the former, you’ll learn about pre-processing SASS, automating your builds, the much lauded ‘watch’ function and the live re-load function.

In the latter, we’ll focus on production for JavaScript and CSS, and we’ll teach you everything you need to know about generating sourcemaps. Once you’ve finished the last section, you’ll know exactly how to use Gulp to get maximum efficiency and productivity from your builds. You’ll also be ready to use this clever toolkit to manage your JavaScript projects, minify, rewrite and concatenate your code, and basically make your developing life a whole lot easier.

What is Gulp?

Gulp is a toolkit designed to automate time-consuming tasks in your development workflow, so you can stop focussing on the boring, repetitive ‘to dos’ and get back to building. It makes the development processes simple and efficient, with a quality ecosystem ensuring plugins stay simple and work as expected. It’s intended use is for JavaScript builds and front end web development, and it uses a code-over-configuration approach.

Total Training

Total Training is a pioneer in innovative online training for leading creative design, digital video, office productivity software programs, and more.

Ranging from casual hobbyists to the most seasoned professionals, our users quickly learn new applications and broaden their knowledge of programs currently used. Narrated in an entertaining format by industry experts and leading authors, our video-based training titles are critical tools for anyone wanting to learn tips, techniques, and best practices from the most respected names in the business.

We currently offer affordable subscriptions to our All-Access Library, which contains hundreds of courses, thousands of clips, and project files so users can follow along.

HISTORY
Total Training was founded in 1996 to provide the highest quality instruction to users of creative software. Recognizing that printed instruction was tedious, and classroom training was hard to find and often prohibitively expensive, Brian Maffitt, Total Training CEO and President collaborated to create the first video series, Total AE. The response was overwhelming.

2:08  Hours

20 Lessons

Lifetime Access

Course Curriculum

Preview Course

CHAPTER 1: WELCOME TO STARTING WITH GULP
Starting with Gulp (4:50)
What is a Build System? (4:50)
What Can Gulp do for me? (3:42)
Development & Deployment with Gulp (4:51)
Getting Gulp (9:47)
CHAPTER 2: MANAGING PROJECTS WITH TASKS
Managing Projects with Tasks (4:10)
Defining Tasks (4:37)
Common Gulp Tasks (5:26)
More Common Gulp Tasks (5:31)
Common JavaScript Tasks (7:26)
CHAPTER 3: GULP FOR DEVELOPMENT
Gulp for Development (4:06)
Pre-processing SASS (7:58)
An Automated Build (9:38)
Gulp’s Watch Function (6:38)
Gulp’s Live-Reload function (7:37)
CHAPTER 4: GULP FOR PRODUCTION
Gulp for Production (8:46)
Production JS (4:48)
Production CSS (3:38)
Generating Sourcemaps (5:51)
Production Wrap-Up (10:55)
Resources
Project Files – ing with Gulp

Getting Started with Ember.js 2

Getting Started with Ember.js 2

Instructor: Total Training

OverviewDescriptionAbout

Create ambitious web applications with Ember.js 2!

Ember isn’t like other JavaScript frameworks. Instead of providing a solution to the ’view’ part of the Model-View-Controller design process, it tackles the client-side application problem as a whole.

Ember isn’t like other JavaScript frameworks. Instead of providing a solution to the ’view’ part of the Model-View-Controller design process, it tackles the client-side application problem as a whole. Whether it’s web, mobile, or service applications, Ember works it using the model-view-viewmodel approach and does it flawlessly. If you’re a IT professional or just a hobbyist interested in web architecture, UI design, or even testing and administrating, Ember will make your life infinitely easier.

Create Ambitious Web Applications

  • Understand how Ember 2 works in web and mobile solutions
  • Learn how Ember 2 solutions are designed, administered and developed
  • Code an Ember 2 project with an online IDE
  • Use Ember’s component paradigm, data management library, CLI tool, and more
  • Implement Ember Add-Ons, routing, authentication, and more
  • Write and run Unit, Acceptance and Integration tests
  • Style and Ember app with an Ember Material CSS Library

Launch Your Ember 2 Projects Now!

This Starting with Ember.js 2 online course was designed specifically with web developers who design and build UI/UX solutions in mind. However, the information presented is just as valuable for architects, testers, or product managers. Ideally you’ll have some experience in creating web UIs with normal JavaScript tools like jQuery or Bootstrap, as well as programming with an object-oriented or scripting language and JavaScript development of complete client-side solutions. Ember Experience, on the other hand, is absolutely not necessary.

This course will start off by giving you an overview of what Ember is and how and why it works. Then you’ll install it and get going with the good stuff! You’ll start off with routing, templates and helpers, Ember components and Ember Data, and once you’ve got a grip on the fundamentals you’ll begin building your own Ember app.

You’ll design your app, build it out, create the components and complete the code, and then you’ll move on to testing it. But it doesn’t stop there; this course also covers more advanced aspects including styling, add-ons and security. By the time you’re finished, you’ll be more than capable of getting your own Ember projects up and running.

About Ember

Ember is a free, open-source, JavaScript framework for creating ambitious web applications. It allows web developers and UI/UX developers to create scalable, single-page web apps by incorporating common idioms, reducing code lines with Handlebars-integrated templates, and creating application-specific HTML tags. Websites such as Groupon, Nordstrom and the desktop app Apple Music all use Ember.

Total Training

Total Training is a pioneer in innovative online training for leading creative design, digital video, office productivity software programs, and more.

Ranging from casual hobbyists to the most seasoned professionals, our users quickly learn new applications and broaden their knowledge of programs currently used. Narrated in an entertaining format by industry experts and leading authors, our video-based training titles are critical tools for anyone wanting to learn tips, techniques, and best practices from the most respected names in the business.

We currently offer affordable subscriptions to our All-Access Library, which contains hundreds of courses, thousands of clips, and project files so users can follow along.

HISTORY
Total Training was founded in 1996 to provide the highest quality instruction to users of creative software. Recognizing that printed instruction was tedious, and classroom training was hard to find and often prohibitively expensive, Brian Maffitt, Total Training CEO and President collaborated to create the first video series, Total AE. The response was overwhelming.

5  Hours

67 Lessons

Lifetime Access

Course Curriculum

Preview Course

1. Starting with Ember
Welcome to ing with Ember (2:23)
What is Ember? (3:58)
Course Outline (2:14)
Motivations Driving Ember (5:43)
How Easy is it? (4:17)
2. Let’s Get Started
Section Introduction (1:02)
Installing Ember CLI (5:55)
And.. What Do We Have Here? (7:53)
Ember Objects, Classes & Instances (7:42)
Computed Properties, Observers, & Bindings (9:38)
Concepts at Application Scope (3:15)
Section Conclusion (1:00)
3. Ember Routing
Section Introduction (1:12)
Route Definition (3:03)
Nesting Routes & Templates (4:23)
Dynamic URL Segments (2:41)
Specific Route Handlers (4:57)
Promises & Routers (2:16)
Section Conclusion (1:13)
4. Templates & Helpers
Section Introduction (1:27)
Creating Templates with Helpers (7:47)
Actionable Helpers (7:46)
Custom Helpers (2:48)
Section Conclusion (1:03)
5. Ember Components
Section Introduction (3:30)
Setting Up for a Component (5:16)
Creating a Component (9:08)
Creating a Controller (8:24)
Components and Closure Actions (2:44)
Section Conclusion (1:09)
6. Ember Data
Section Introduction (1:39)
Setup Mirage (5:52)
Create an Ember Model (2:03)
Access Our Model (7:11)
Section Conclusion (1:11)
7. Build an Ember App
Section Introduction (4:15)
Design the App (1:31)
Build Out the App (6:11)
Create the Components (9:05)
Complete the Code (8:51)
Walk-Thru our New Code (6:51)
Section Conclusion (1:29)
8. Testing Ember
Section Introduction (1:30)
Ember Testing Tools (4:12)
Unit Testing (3:27)
Acceptance Testing (1:42)
Integration Testing (1:52)
Section Conclusion (2:57)
9. Ember Addons
Section Introduction (1:10)
Ember Addon Sources (0:48)
Add a YouTube Addon (4:32)
Add Tooltips to our Templates (3:37)
Section Conclusion (0:47)
10. Styling Ember
Section Introduction (1:58)
Styling with an Add-on – Ember-Paper (9:48)
Styling our Main Template (11:00)
Styling our List Component Template (9:50)
Final Refactoring (5:01)
Section Conclusion (1:23)
11. Ember Security
Section Introduction (2:26)
OAuth (6:19)
Ember-Simple-Auth and Torii (2:42)
Implementing Authentication and Authorization (18:42)
Section Conclusion (0:47)
12. Course Conclusion
What Do We Know Now? (2:40)
Additional Resources (1:42)
Final Thoughts (1:14)
Resources
Project Files – Getting ed with Ember.js 2

Node.js - From Zero to Web Apps

Node.js - From Zero to Web Apps

Instructor: Total Training

OverviewDescriptionAbout

Future-Proof Your Web Development Skills

To a certain extent, it can seem as though different programming languages are only suitable for a specified set of tasks, like building apps or analyzing data.

To a certain extent, it can seem as though different programming languages are only suitable for a specified set of tasks, like building apps or analyzing data. If you feel as though you need to be fluent in several in order to get anywhere in the coding world, think again. Node.js is a very versatile (and very popular) language that, if you add it to your skill set, is guaranteed to open doors. Create real time web apps, build APIs, streaming applications or CPU intensive apps, and do it all quickly and efficiently.

Future-Proof Your Web Development Skills with Node.js – From Zero to Web Apps

Code a Node.js project with an online IDE
Learn how Node.js works with Gulp, Bootstrap, GIT, Express, and NPM Bower
Add a NoSQL database to a Node.js project
Understand routing, packages, templating engines, UI dependencies and more
Gain a thorough knowledge of web development with Node.js
Develop Web Applications with Node.js

This Node.js – From Zero to Web Apps online course contains 48 lectures and over 3 hours of content. Although designed for beginners with some web development experience under their belt, those new to coding will be able to pick it up without much difficulty. The goal is simple; learn how to get your node.js web app projects up and running.

The course will start off with an overview of what Node.js is and isn’t, and what it can and can’t do. Once that’s covered, you’ll begin working with Express and start coding your own Node web app with the help of Bootstrap, Gulp, Node templating engines and express routing. You’ll also cover how to use a database with Node.js. By the end of the course, you will have coded your first web app with Node.js and learned everything you need to know to get your own projects started.

Whether you’re an IT professional or a hobbyist, this course will give you a solid understanding of how Node.js web applications work and how they’re designed, administered, and developed. Web developers as well as UI designers, testers and administrators are guaranteed to find it useful.

Your instructor, Brett Hooper, is a seasoned software engineer with a 20+ year IT career, which includes Fortune 200 clients and the US Dept. of Defense.

Tools Used
Node.js was launched in 2009, initially only supported by Linux. Now cross-platform, it is a runtime environment for developing server-side web applications, and many of its basic modules are written in JavaScript. Basically, it builds the server sides of websites (like PHP), but it’s capable of much more. It’s highly scalable and very efficient, and in short, it’s going places.

Total Training

Total Training is a pioneer in innovative online training for leading creative design, digital video, office productivity software programs, and more.

Ranging from casual hobbyists to the most seasoned professionals, our users quickly learn new applications and broaden their knowledge of programs currently used. Narrated in an entertaining format by industry experts and leading authors, our video-based training titles are critical tools for anyone wanting to learn tips, techniques, and best practices from the most respected names in the business.

We currently offer affordable subscriptions to our All-Access Library, which contains hundreds of courses, thousands of clips, and project files so users can follow along.

HISTORY
Total Training was founded in 1996 to provide the highest quality instruction to users of creative software. Recognizing that printed instruction was tedious, and classroom training was hard to find and often prohibitively expensive, Brian Maffitt, Total Training CEO and President collaborated to create the first video series, Total AE. The response was overwhelming.

3:05  Hours

47 Lessons

Lifetime Access

Course Curriculum

Preview Course

CHAPTER 01: Introduction to the Course
Welcome to Node.js – Simple & Complete! (0:49)
How this will go (3:57)
Project introduction (1:43)
Setup (3:39)
Summary (0:41)
CHAPTER 02: Discover Node.js
Introduction (0:13)
What are Node.js & Express (1:36)
Try Node from Command Line (2:21)
Set up a Node.js app (2:36)
Use GIT with C9io (4:49)
Summary (0:38)
CHAPTER 03: Work with Express
Introduction (0:44)
Get Express set up (8:22)
Create an NPM script (2:45)
Routing with Express (3:21)
Summary (0:57)
CHAPTER 04: Kicka Node Web App
Introduction (0:33)
Use a Bootstrap Template (6:49)
Configuring Resources (4:56)
Manage UI Components with Bower (8:21)
Summary (0:44)
CHAPTER 05: Work with Gulp
Introduction (0:26)
Use JSHint in Gulp (5:10)
Inject dependencies with Wiredep (10:40)
Injection with Gulp-Inject (6:59)
Watch Changes with Nodemon (4:15)
Summary (0:50)
CHAPTER 06: Work with Node Templating Engines
Introduction (0:19)
Review of Templating Engine Options (2:21)
Begin with EJS (5:32)
Put EJS to Work (6:15)
Summary (0:38)
CHAPTER 07: More Express Routing
Introduction (0:33)
Use A Router (7:19)
New Pages (6:19)
Separate Code Into Different Files (3:28)
Wire our new pages back (8:04)
Summary (0:47)
CHAPTER 08: Use a database with Node.js
Introduction (0:21)
Get MongoDB Set Up (3:37)
Get Events data ready (3:59)
Write Code to Insert (6:58)
Query MongoDB and Display (4:48)
Summary (0:37)
CHAPTER 09: Course Wrap-up
Course Summary (6:19)
What Now (1:45)
Thank You (0:22)
Resource
SRLNODE lesson data

AngularJS For Beginners

AngularJS For Beginners

Instructor: Total Training

OverviewDescriptionAbout

Create flawless Single Page Applications with Angular JS

HTML works perfectly fine as far as static documents are concerned. If a web application requires dynamic views however, it’s less than ideal.

HTML works perfectly fine as far as static documents are concerned. If a web application requires dynamic views however, it’s less than ideal. That’s where AngularJS comes in – an open-source framework that extends HTML vocabulary for you application, resulting in intuitive, expressive single page applications. For an AngularJS crash course to get you up to speed with this widely used framework, look no further.

Create flawless Single Page Applications with Angular JS

  • Learn framework fundamentals for AngularJS projects
  • Apply your knowledge to real world uses
  • Build towards creating your own Web and Hybrid applications
  • Gain insight into working with MVC architecture
  • Build frameworks with a versatile, cutting edge toolset

Although only officially released in 2012, AngularJS has taken the world by storm thanks to official support from Google, a community of developers constantly improving it, and some of the internet’s biggest websites making use of it. One of its best features is its data binding; dynamic views are automatically updated whenever a model changes, and vice versa. Furthermore, it combines the benefits of deep linking with desktop app-like behaviors, allows you to invent new HTML syntax and is designed to be testable. The result is simplified development and testing of applications and, ultimately, faultless single page and hybrid applications.

Total Training

Total Training is a pioneer in innovative online training for leading creative design, digital video, office productivity software programs, and more.

Ranging from casual hobbyists to the most seasoned professionals, our users quickly learn new applications and broaden their knowledge of programs currently used. Narrated in an entertaining format by industry experts and leading authors, our video-based training titles are critical tools for anyone wanting to learn tips, techniques, and best practices from the most respected names in the business.

We currently offer affordable subscriptions to our All-Access Library, which contains hundreds of courses, thousands of clips, and project files so users can follow along.

HISTORY
Total Training was founded in 1996 to provide the highest quality instruction to users of creative software. Recognizing that printed instruction was tedious, and classroom training was hard to find and often prohibitively expensive, Brian Maffitt, Total Training CEO and President collaborated to create the first video series, Total AE. The response was overwhelming.

2:45  Hours

51 Lessons

Lifetime Access

Course Curriculum

Preview Course

CHAPTER 01: Course Introduction
Course Overview (3:11)
Final Project Demo (3:00)
CHAPTER 02: Introduction to Angular
Intro To Section 2 (1:01)
Overview of Angular (3:04)
Environment Setup (4:36)
MVC Architecture (3:12)
Section 2 Recap (0:39)
CHAPTER 03: Angular Core Features Overview
Intro to Section 3 (0:47)
Modules And Dependency Injection (4:24)
Controllers (5:02)
Expressions (4:01)
Two Way Data Binding (3:11)
Directives (5:02)
Services (4:26)
Scopes (2:29)
Filters (3:07)
Routing (3:32)
Routing – Implementation (5:41)
Section 3 Recap (1:01)
CHAPTER 04: Intro To Grocery List App
Intro to Section 4 (0:52)
Grocery List Bootstrap Layout (4:33)
Listing Grocery List Using ng-repeat (4:01)
Beautifying Our List With Filters (2:14)
Section 4 Recap (0:58)
CHAPTER 05: Easy Navigation In Grocery List Using Routing
Intro to Section 5 (1:01)
Setting Up Grocery List Routing (3:15)
Implementing Grocery List Routing (4:04)
Routing Parameters (3:15)
Section 5 Recap (0:44)
CHAPTER 06: Adding, Updating & Deleting Grocery Items
Intro to Section 6 (1:58)
Abstracting Grocery Items Using Services (3:42)
Adding Grocery Items (4:21)
Debugging App Using Chrome Console (3:43)
Generating Unique Grocery Entry ID’s (6:15)
Updating Grocery Items – Part 1 (5:03)
Updating Grocery Items – Part 2 (7:09)
Form Validation (5:12)
Deleting Grocery Items (3:30)
Adding Custom Directives – Making Our HTML More Readable (3:25)
Marking Grocery Items As Completed With ng-class (5:13)
Section 6 Recap (2:15)
CHAPTER 07: Connecting Our App To The Cloud
Intro to Section 7 (0:53)
Loading Entries (6:55)
Creating Entries (4:32)
Updating Entries (3:48)
Deleting Grocery Items (4:02)
Section 7 Recap (1:06)
CHAPTER 08: Conclusion
Course Recap and next steps (3:36)
Additional Resources (5:21)
Closing Message (1:02)
Project Files Included
Project Files – AngularJS for Beginners

Angular 2 Crash Course with TypeScript

Angular 2 Crash Course with TypeScript

Instructor: Total Training

OverviewDescriptionAbout

Get Up to Speed with Angular 2

There’s no way around it. If you want to gain a competitive edge in UI/UX design, web development, or anything to do with mobile and desktop web apps, then you need to know Angular JS.

There’s no way around it. If you want to gain a competitive edge in UI/UX design, web development, or anything to do with mobile and desktop web apps, then you need to know Angular JS. Better yet, you need to know Angular 2, the latest version. This Angular 2 Crash Course with TypeScript training course will refresh your memory and get you updated on the essentials of the latest version. And if you’re just getting started with Angular JS, don’t worry, this is the perfect introduction too.

Total Training

Total Training is a pioneer in innovative online training for leading creative design, digital video, office productivity software programs, and more.

Ranging from casual hobbyists to the most seasoned professionals, our users quickly learn new applications and broaden their knowledge of programs currently used. Narrated in an entertaining format by industry experts and leading authors, our video-based training titles are critical tools for anyone wanting to learn tips, techniques, and best practices from the most respected names in the business.

We currently offer affordable subscriptions to our All-Access Library, which contains hundreds of courses, thousands of clips, and project files so users can follow along.

HISTORY
Total Training was founded in 1996 to provide the highest quality instruction to users of creative software. Recognizing that printed instruction was tedious, and classroom training was hard to find and often prohibitively expensive, Brian Maffitt, Total Training CEO and President collaborated to create the first video series, Total AE. The response was overwhelming.

4:28  Hours

73 Lessons

Lifetime Access

Course Curriculum

Preview Course

CHAPTER 01: Introducing Angular 2
Section Introduction (2:00) (2:00)
Say Hello To Angular 2 (4:10) (4:10)
How This Course Works (3:02) (3:02)
Overview of the Course Project (2:00) (2:00)
Section Summary (0:52) (0:52)
CHAPTER 02: Pack Our Lunch
Section Introduction (0:59) (0:59)
Why Typescript In Angular2 (3:56) (3:56)
Getting the Cloud9 Online IDE (3:57) (1:24)
Setting Up the Cloud9 IDE (2:02) (2:02)
Setting Up The Course Project (8:06) (8:06)
Using Angular 2 Modules (4:03) (4:03)
Section Summary (1:26) (1:26)
CHAPTER 03: Angular 2 Components
Section Introduction (1:14) (1:14)
The Component Defined (2:23) (2:23)
The Component Parts (4:52) (4:52)
Tying a Component Together (1:59) (1:59)
The App Component (4:28) (4:28)
Bootstrapping An Angular 2 App (6:57) (6:57)
Section Summary (4:00) (4:00)
CHAPTER 04: Building Angular2 UI
Section Introduction (2:40) (2:40)
The Component Template (5:47) (5:47)
Create A Template (2:44) (2:44)
The Directive Component (4:25) (4:25)
Interpolation (4:08) (4:07)
Angular2 Built-In Directives (9:27) (9:27)
Section Summary (3:09) (3:09)
CHAPTER 05: Binding in Angular2
Section Introduction (1:47) (1:47)
Property Binding (3:42) (3:42)
Event Binding (3:49) (3:49)
Data Binding (2:09) (2:09)
Formatting Bound Data (3:20) (3:19)
Section Summary (2:08) (2:08)
CHAPTER 06: Advanced Component Concepts
Section Introduction (2:18) (5:08)
Interfaces and Components (5:08) (2:18)
Styling Components (4:02) (4:02)
Component Lifecycle Events (3:55) (3:55)
Pipe Transform Interface (7:55) (7:55)
Section Summary (3:11) (3:10)
CHAPTER 07: Component Composition
Section Introduction (1:58) (1:58)
Parent-Child Components (5:10) (5:10)
More Parent-Child Components (2:24) (2:24)
Property Binding with Input (2:40) (2:40)
Event Binding with Output (5:38) (5:38)
Section Summary (2:13) (2:13)
CHAPTER 08: Services
Section Introduction (1:39) (1:39)
Angular2 Dependency Injection (2:11) (2:11)
Creating Services (3:14) (3:14)
Using Services (2:55) (2:55)
Service Injection (4:36) (4:35)
Section Summary (2:03) (2:03)
CHAPTER 09: Web Services
Section Introduction (1:21) (1:21)
Observables vs Promises (2:06) (2:05)
Using Reactive Extensions (2:11) (2:11)
HTTP Requests (6:14) (6:13)
Implementing Observables (2:26) (2:26)
Section Summary (2:04) (2:04)
CHAPTER 10: Angular 2 Routing
Section Introduction (5:27) (5:27)
Route Configuration (3:17) (3:17)
Routes and Actions (4:53) (4:53)
Routes and Views (1:50) (1:50)
Routes and Parameters (5:35) (5:35)
Routes and Code (2:32) (2:32)
Section Summary (4:08) (4:07)
CHAPTER 11: Setting up Angular 2 from Scratch
Section Introduction (0:28) (0:28)
Configuring the Compiler (2:45) (2:45)
Project Dependencies (2:57) (2:57)
Core Libraries (0:53) (0:53)
Section Summary (0:36) (0:36)
CHAPTER 12: Course Summary
Section Introduction (0:33) (0:33)
Review of Concepts (1:37) (1:37)
Beyond This Course (0:46) (0:46)
Course Finale (1:22) (1:22)
Project Files Included
Project Files – Angular 2 Crash Course with TypeScript

Javascript Best Practices

Javascript Best Practices

Instructor: Total Training

OverviewDescriptionAbout

Be your best JavaScript developer!

This JavaScript Best Practices training course is for any IT professional or casual developer anticipating a better understanding of the JavaScript language and its commonly used design patterns and structures.

This JavaScript Best Practices training course is for any IT professional or casual developer anticipating a better understanding of the JavaScript language and its commonly used design patterns and structures. Learn more about the language and better ways to use it through demonstration and practice.

This course pertains to not only web, mobile, and service application developers, but also architects, UI designers, testers, and administrators.

Course Highlights:

  • Learn the subtleties and gotchas of JavaScript to be much more productive!
  • Learn how global variables can trip you up
  • Understand variable naming conventions
  • Control JavaScripts automatic semi-colon insertion
  • Learn how to use Ternary conditional logic
  • Understand Compound Ternary logic
  • Learn to implement Ternary logic that executes functions!
  • Discover how to minimize DOM operations in your code
  • Learn how the Chrome Dev Tools are your best friend
  • Understand how the SOLID principles apply in JavaScript
  • Sharpen your JavaScript skills with the things nobody tells you about… and much, much more!

Total Training

Total Training is a pioneer in innovative online training for leading creative design, digital video, office productivity software programs, and more.

Ranging from casual hobbyists to the most seasoned professionals, our users quickly learn new applications and broaden their knowledge of programs currently used. Narrated in an entertaining format by industry experts and leading authors, our video-based training titles are critical tools for anyone wanting to learn tips, techniques, and best practices from the most respected names in the business.

We currently offer affordable subscriptions to our All-Access Library, which contains hundreds of courses, thousands of clips, and project files so users can follow along.

HISTORY
Total Training was founded in 1996 to provide the highest quality instruction to users of creative software. Recognizing that printed instruction was tedious, and classroom training was hard to find and often prohibitively expensive, Brian Maffitt, Total Training CEO and President collaborated to create the first video series, Total AE. The response was overwhelming.

1:05  Hours

11 Lessons

Lifetime Access

Course Curriculum

Preview Course

CHAPTER 1: WELCOME TO JAVASCRIPT – BEST PRACTICES
Starting with JavaScript Best Practices (5:18)
Avoiding Global Variables (6:33)
Variable Naming Conventions (4:19)
Automatic Semi-Colon Insertion (4:24)
The Ternary Conditional (5:59)
Compund Ternary Condtitionals (2:54)
Ternary Function Invocation (6:19)
Minimal DOM Operations (6:05)
The Chrome Dev Tools (6:22)
Applying SOLID Principles (10:14)
Wrap Up (4:16)
Project Files
Project Files – JavaScript Best Practices

Javascript Debugging Crash Course

Javascript Debugging Crash Course

Instructor: Total Training

OverviewDescriptionAbout

Effectively debug standard JavaScript code

This Javascript Debugging Crash Course is for any IT professional or casual developer wanting a solid understanding of how debugging is performed in open-sourced and private JavaScript application development projects.

This Javascript Debugging Crash Course is for any IT professional or casual developer wanting a solid understanding of how debugging is performed in open-sourced and private JavaScript application development projects.

Learn how debugging is applied in web application projects through both demonstration and practice. From concepts such as Breakpoints, Logging, and Source Maps, to Development, Performance, and Networking Tools, this training content pertains to not only web, mobile, and service application developers, but also architects, UI designers, testers, and administrators.

Total Training

Total Training is a pioneer in innovative online training for leading creative design, digital video, office productivity software programs, and more.

Ranging from casual hobbyists to the most seasoned professionals, our users quickly learn new applications and broaden their knowledge of programs currently used. Narrated in an entertaining format by industry experts and leading authors, our video-based training titles are critical tools for anyone wanting to learn tips, techniques, and best practices from the most respected names in the business.

We currently offer affordable subscriptions to our All-Access Library, which contains hundreds of courses, thousands of clips, and project files so users can follow along.

HISTORY
Total Training was founded in 1996 to provide the highest quality instruction to users of creative software. Recognizing that printed instruction was tedious, and classroom training was hard to find and often prohibitively expensive, Brian Maffitt, Total Training CEO and President collaborated to create the first video series, Total AE. The response was overwhelming.

3:13 Hours

21 Lessons

Lifetime Access

Course Curriculum

Preview Course

CHAPTER 1: WELCOME TO STARTING WITH JS – DEBUGGING
Starting with JavaScript – Debugging (4:25)
What We’ll Learn (5:58)
JavaScript Debugging Tools (3:47)
What is Debugging? (4:11)
Chrome Dev Tools (5:26)
Debug-able Code (6:25)
CHAPTER 2: DEBUGGING CONCEPTS
Debugging Concepts (13:40)
Breakpoints (17:28)
Call Stacks & More (3:55)
Logging (4:12)
Source Maps (4:59)
The Console (7:45)
CHAPTER 3: DEBUGGING CODE
Debugging Code (6:06)
The Process (5:16)
More Breakpoint Types (6:14)
Working in the Console (11:29)
CHAPTER 4: MORE CHROME DEV TOOL
More Chrome Dev Tools (4:12)
Performance Tools (6:14)
Network Tools (7:05)
Memory Tools (8:07)
Wrap Up (7:11)
Project File
Project Files – JavaScript Debugging Crash Course

JavaScript Fundamentals

JavaScript Fundamentals

Instructor: Total Training

OverviewDescriptionAbout

Understand and write JavaScript

JavaScript is one of the most popular programming languages in the world because it’s easy to learn, and it can do amazing things. If you’re interested in web development, it’s also a language that you simply must learn to be effective.

JavaScript is one of the most popular programming languages in the world because it’s easy to learn, and it can do amazing things. If you’re interested in web development, it’s also a language that you simply must learn to be effective.

JavaScript Fundamentals Highlights:

  • Introduction to Script Tags, Operators, and Variables
  • Work with Arrays, Objects, Callbacks, and Intervals
  • Use Elements such as DOM, Event Handlers, and Input Fields
  • Bonus Tips including Linting and Minification
  • Source codes are included in the course materials.

Total Training

Total Training is a pioneer in innovative online training for leading creative design, digital video, office productivity software programs, and more.

Ranging from casual hobbyists to the most seasoned professionals, our users quickly learn new applications and broaden their knowledge of programs currently used. Narrated in an entertaining format by industry experts and leading authors, our video-based training titles are critical tools for anyone wanting to learn tips, techniques, and best practices from the most respected names in the business.

We currently offer affordable subscriptions to our All-Access Library, which contains hundreds of courses, thousands of clips, and project files so users can follow along.

HISTORY
Total Training was founded in 1996 to provide the highest quality instruction to users of creative software. Recognizing that printed instruction was tedious, and classroom training was hard to find and often prohibitively expensive, Brian Maffitt, Total Training CEO and President collaborated to create the first video series, Total AE. The response was overwhelming.

4:39  Hours

29 Lessons

Lifetime Access

Course Curriculum

Preview Course

1. Introduction to JavaScript
Introduction to JavaScript_new (5:55)
Script Tags_new (12:59)
Boxes_new (7:56)
Console_new (7:56)
Variables_new (13:16)
Undefined, typeof, NaN (9:13)
Concatination_new (5:59)
Comparison Operators (5:10)
Logical Operators (6:56)
Mathematical Operators (10:01)
Commenting (5:39)
2. Intermediate JavaScript
Arrays (12:43)
Array Prototype (3:44)
Looping Over Arrays (5:54)
Introduction to Objects (8:01)
Creating an Object (9:24)
Dates and Times (3:57)
Interval (10:39)
Countdown- Example Application (19:19)
Callbacks (10:11)
Callback in Countdown (3:14)
3. Working with JavaScript Elements
DOM Elements (13:41)
Query Selector (15:46)
Event Handlers (13:22)
Input Fields (7:41)
Creating Elements (7:00)
Styling Elements (10:21)
4. Bonus JavaScript Tips
Linting (11:39)
Minification (5:54)
Project Files Included
Project Files – Fundamentals of Javascript

Learn MEAN Stack

Learn MEAN Stack

Instructor: Total Training

OverviewDescriptionAbout

Learn a Suite of In-Demand Programming Skills

Being a one-trick programming pony doesn’t cut it anymore in today’s tech job market. The more strings you have on your bow, the more in-demand you’ll be.

Being a one-trick programming pony doesn’t cut it anymore in today’s tech job market. The more strings you have on your bow, the more in-demand you’ll be. When it comes to web app development, having the know-how to create something fully-functioning from start to finish boosts your employability credentials in a big way. Thankfully, the MEAN Stack is the tool set that allows you to do just that. Want to get involved? Read on…

In this Learn MEAN Stack course you will:

Understand MEAN Stack and how to use it effectively
Code MEAN projects with an online IDE
Develop MEAN REST APIs with Node and Express
Create top-notch UIs with Angular 2
Gain the skills needed to become a sought after web developer
Build Full-Stack Solutions for Mobile and the Web
Recieve bonus Ember.js 2 course
You’ll gain a solid foundation of knowledge in using the MEAN Stack (that’s MongoDB, Express, Angular and Node JS) for web and mobile development, with hours of instruction and code-alongs to help you through. You’ll study each component individually, learning how to assemble them to provide a highly efficient JavaScript-based development stack.

That means setting up an online IDE, developing MEAN REST APIs with Node and Express, programming and configuring with MongoDB, developing rich and functional UIs with Angular, scaffolding a MEAN UI client project, and much more.

Plus, we make sure your skills are future-proofed by using Angular 2, the much-discussed rewrite of Angular JS that’s guaranteed to set the market on fire in the coming months. By the time you’ve finished this course, you’ll be more than ready to start working on your own MEAN Stack projects.

Total Training

Total Training is a pioneer in innovative online training for leading creative design, digital video, office productivity software programs, and more.

Ranging from casual hobbyists to the most seasoned professionals, our users quickly learn new applications and broaden their knowledge of programs currently used. Narrated in an entertaining format by industry experts and leading authors, our video-based training titles are critical tools for anyone wanting to learn tips, techniques, and best practices from the most respected names in the business.

We currently offer affordable subscriptions to our All-Access Library, which contains hundreds of courses, thousands of clips, and project files so users can follow along.

HISTORY
Total Training was founded in 1996 to provide the highest quality instruction to users of creative software. Recognizing that printed instruction was tedious, and classroom training was hard to find and often prohibitively expensive, Brian Maffitt, Total Training CEO and President collaborated to create the first video series, Total AE. The response was overwhelming.

10  Hours

252 Lessons

Lifetime Access

Course Curriculum

Preview Course

CHAPTER 01: WELCOME TO MEAN
Welcome to MEAN (2:06)
What We Will Learn (2:46)
Course Specifics (3:54)
CHAPTER 02: WHAT DOES MEAN MEAN?
What does MEAN mean (0:56)
Where did MEAN Come From (3:30)
Our Take On MEAN (1:47)
MEAN Application Architecture (4:05)
Section Summary (2:01)
CHAPTER 03: NODE.JS AND EXPRESS
Section Introduction (1:02)
How this will go (3:57)
Course Project Introduction (1:43)
Setup (3:39)
Section Summary (0:41)
Discover Node.js (0:13)
What are Node.js & Express (1:36)
Try Node from Command Line (2:21)
Set up a Node.js app (2:36)
Use GIT with C9.io (4:49)
Section Summary (0:38)
Work With Express (0:44)
Get Express set up (8:22)
Create an NPM script (2:45)
Routing with Express (3:21)
Section Summary (0:57)
Kicka Node Web App (0:33)
Use a Bootstrap Template (6:49)
Configuring Resources (4:56)
Manage UI Components with Bower (8:21)
Section Summary (0:44)
Work with Gulp (0:26)
Use JSHint in Gulp (5:10)
Inject dependencies with Wiredep (10:40)
Injection with Gulp-Inject (6:59)
Watch Changes with Nodemon (4:15)
Section Summary (0:50)
Work with Node Templating Engines (0:19)
Review of Templating Engine Optionsited (2:21)
Begin with EJS (5:32)
Put EJS to Work (6:15)
Section Summary (0:38)
More Express Routing (0:33)
Use a Router (7:19)
New Pages (6:19)
Separate code into different files (3:28)
Wire our new pages back to Express & Node (8:04)
Section Summary (0:47)
Use a Database with Node.js (0:21)
Get MongoDB setup and installed (3:37)
Get Events data ready to be inserted into MongoDB (3:59)
Write code to insert our data into MongoDB (6:58)
Query MongoDB and display results in our page (4:48)
Section Summary (0:37)
Sub-Course Wrap-Up (6:19)
CHAPTER 04: MONGO DB
Welcome to Mongo DB (0:32)
How this will go (7:03)
Our Hands-On Project (1:19)
Setup Our Tools (11:40)
Section Summary (0:38)
Set Up our Project (0:40)
Import Data with Mongo Import (2:46)
Use the Mongo Shell (5:33)
Javascript in the Mongo Shell (1:41)
Section Summary (1:23)
with Queries and Operations (1:11)
Retrieve data with .find() (5:42)
Create data with .save() & .insert() (3:13)
Update data with .update() (4:16)
Deleting data with .remove() (2:41)
Display User Data in our App (5:58)
Section Summary (1:00)
Model New Entities (0:49)
Rules for Modeling (3:10)
Simple & Complex Models (2:40)
Modeling ‘Event’ Data (5:52)
Modeling ‘Event Registration’ data (5:42)
Section Summary (0:46)
Indexing Mongo DB (0:42)
Mongo DB & Indexes (2:00)
Using Indexes (1:26)
Creating Indexes (3:32)
Section Summary (0:49)
Mongo DB Aggregation Framework (2:07)
Aggregation Concepts (1:30)
Pipeline Stages & Operators (2:25)
Aggregation in our Project (3:02)
Use our Aggregated Data (5:25)
Section Summary (1:40)
Replication & Sharding (1:25)
What are Replica Sets? (2:09)
Automated Failover (1:47)
What is Sharding? (1:19)
Rules for Sharding data (3:38)
Section Summary (0:55)
Our Web App (6:07)
Our Project’s State (4:59)
Our app.js file (5:14)
Our Aggregate Queries (2:56)
Section Summary (3:27)
Sub-Course Wrap-Up (3:48)
Learning Objectives & Project Requirements Review (7:20)
CHAPTER 05: ANGULAR 2
Section Introduction (2:13)
Say Hello to Angular2 (4:10)
How this course works (3:02)
The Course Project (2:00)
Section Summary (0:52)
Pack Our Lunch (0:59)
Why TypeScript in Angular2? (3:56)
Getting the Cloud9 Online IDE (1:24)
Setting Up the Cloud9 IDE (2:02)
Setting Up The Course Project (8:06)
Using Angular 2 Modules (4:03)
Section Summary (1:26)
Angular Components (1:14)
The Component Defined (2:23)
The Component Parts (4:52)
Tying a Component Together (1:59)
The App Component (4:28)
Bootstrapping an Angular2 App (6:57)
Section Summary (4:00)
Building Angular2 UI (2:40)
The Component Template (5:47)
Create A Template (2:44)
The Directive Component (4:25)
Interpolation (4:07)
Angular2 Built-In Directives (9:27)
Section Summary (3:09)
Binding in Angular2 (1:47)
Property Binding (3:42)
Event Binding (3:49)
2-Way Binding (2:09)
Formatting Bound Data with Pipes (3:19)
Section Summary (2:08)
Advanced Component Concepts (2:18)
Interface & Components (5:08)
Styling Components (4:02)
Component Lifecycle Events (3:55)
Pipe Transform Interface (7:55)
Section Summary (3:10)
Component Composition (1:58)
Parent/Child Components (5:10)
More Parent/Child Components (2:24)
Property Binding with @Input (2:40)
Event Binding with @Output (5:38)
Section Summary (2:13)
Services (1:39)
Angular2 Dependency Injection (2:11)
Creating Services (3:14)
Using Services (2:55)
Service Injection (4:35)
Section Summary (2:03)
Web Services (1:21)
Observables vs. Promises (2:05)
Using Reactive Extensions (2:11)
HTTP Requests (6:13)
Implementing Observables (2:26)
Section Summary (2:04)
Angular2 Routing (5:27)
Route Configuration (3:17)
Routes and Actions (4:53)
Routes and Views (1:50)
Routes and Parameters (5:35)
Routes and Code (2:32)
Section Summary (4:07)
Setting Up Angular2 From Scratch (0:28)
Configuring the Compiler (2:45)
Project Dependencies (2:57)
Core Libraries (0:53)
Section Summary (0:36)
Sub Section wrap up (0:33)
Review of Concepts (1:37)
CHAPTER 06: EMBER.JS 2
Welcome to ing with Ember (2:23)
What is Ember? (3:58)
Motivations Driving Ember (2:14)
How Easy is it? (5:43)
Course Outline (4:17)
Let’s Get ed (1:02)
Installing Ember CLI (5:55)
And.. What Do We Have Here? (7:53)
Ember Objects, Classes & Instances (7:42)
Computed Properties, Observers, & Bindings (9:38)
Concepts at Application Scope (3:15)
Section Conclusion (1:00)
Ember Routing (1:12)
Route Definition (3:03)
Nesting Routes & Templates (4:23)
Dynamic URL Segments (2:41)
Specific Route Handlers (4:57)
Promises & Routers (2:16)
Section Conclusion (1:13)
Templates & Helpers (1:27)
Creating Templates with Helpers (7:47)
Actionable Helpers (7:46)
Custom Helpers (2:48)
Section Conclusion (1:03)
Ember Components (3:30)
Setting Up for a Component (5:16)
Creating a Component (9:08)
Creating a Controller (8:24)
Components and Closure Actions (2:44)
Section Conclusion (1:09)
Ember Data (1:39)
Setup Mirage (5:52)
Create an Ember Model (2:03)
Access Our Model (7:11)
Section Conclusion (1:11)
Build an Ember App (4:15)
Design the App (1:31)
Build Out the App (6:11)
Create the Components (9:05)
Complete the Code (8:51)
Walk-Thru our New Code (6:51)
Section Conclusion (1:29)
Testing Ember (1:30)
Ember Testing Tools (3:27)
Unit Testing (4:12)
Acceptance Testing (1:42)
Integration Testing (1:52)
Section Conclusion (2:57)
Ember Addons (1:10)
Ember Addon Sources (0:48)
Add a YouTube Addon (4:32)
Add Tooltips to our Templates (3:37)
Section Conclusion (0:47)
Styling Ember (1:58)
Styling with an Addon – Ember-Paper (9:48)
Styling our Main Template (11:00)
Styling our List Component Template (9:50)
Final Refactoring (5:01)
Section Conclusion (1:23)
Ember Security (2:26)
OAuth (6:19)
Ember-Simple-Auth and Torii (2:42)
Implementing Authentication and Authorization (18:42)
Section Conclusion (0:47)
Conclusion: What Do We Know Now? (2:40)
Additional Resources (1:42)
Final Thoughts (1:14)
CHAPTER 07: THE REAL CHALLENGE
The Real Challenge (1:00)
Angular2 and Express (1:23)
Create a MEAN Project with Angular-CLI (8:10)
Make Express MEAN and RESTful (10:42)
RESTful Local Events in Angular2 (0:53)
Section Summary (8:16)
CHAPTER 08: MEAN APPROACHES
MEAN Approaches (0:58)
Mean.io and Mean.js (3:59)
Exchangeable Frameworks (7:50)
Scaffolding with Yeoman (9:45)
Section Summary (0:59)
CHAPTER 09: COURSE CONCLUSION
Section Introduction (2:03)
What Now? (0:58)
More comments on MEAN (2:00)
Thank You (0:34)
Project Files Included
Project Files – Learn MEAN Stack

Starting with Backbone.js

Starting with Backbone.js

Instructor: Total Training

OverviewDescriptionAbout

Learn this powerful flexible library for JavaScript development!

By its nature, working on a web application usually involves a lot of JavaScript (duh). And as any developer will tell you, it often doesn’t take long for your JS code to start winding through a whole heap of other elements

By its nature, working on a web application usually involves a lot of JavaScript (duh). And as any developer will tell you, it often doesn’t take long for your JS code to start winding through a whole heap of other elements like HTML UI speed ramps, jQuery roundabouts, and who knows what else. For complex applications, a more structured approach can make life easier for everyone. Enter Backbone.js – the JavaScript framework that does exactly that. Here’s what this Starting with Backbone.js online course can show you…

The Backbone of Web App Development

  • Get to know Backbone.js and how it can help you
  • Code a Backbone app with an online IDE
  • Compose functional components in Backbone’s MVC paradigm
  • Raise and handle Events
  • Implement Views to control and app
  • Use Models to manage application data
  • And much more!

Understand Models, Events, Views and More

The core of Backbone.js is representing your data through Models (which can be created, validated, destroyed, and saved to the server), and Views (that display the model’s state and respond to changes.) So after a quick introduction, this is what you’ll learn first.

Having laid that foundation, you’ll move onto the other important concepts of Backbone such as Events, namespacing, templating, routing, and much more. You’ll then build a guestbook app and style it to perfection with Bootstrap. Additional resources and hands-on tutoring will help you every step of the way, no matter what your skills or experience level.

By the end of the course material, you’ll be well equipped to use Backbone for developing your own web apps, and will have a greater understanding of how frameworks can elevate your developing skills (and make your life a whole lot less stressful, too).

Although intended for IT professionals, hobbyists are more than suitable for taking this course too. Some experience in creating web UIs with JavaScript tools would be an advantage, as would programming with a common object-oriented or scripting language. However, you don’t need any Backbone experience whatsoever. We’ll teach you everything you need to know!

What is Backbone?

Backbone.js is a JavaScript framework designed for developing single page web applications and for synchronizing various elements of web apps. It was created by Jeremy Ashkenas (of CoffeeScript and Underscore.js fame) with the intention of giving developers the freedom to design the full experience of a web application. It helps keep business logic and user interface neatly separated. Backbone is praised for being lightweight and only depending on one JavaScript library.

Total Training

Total Training is a pioneer in innovative online training for leading creative design, digital video, office productivity software programs, and more.

Ranging from casual hobbyists to the most seasoned professionals, our users quickly learn new applications and broaden their knowledge of programs currently used. Narrated in an entertaining format by industry experts and leading authors, our video-based training titles are critical tools for anyone wanting to learn tips, techniques, and best practices from the most respected names in the business.

We currently offer affordable subscriptions to our All-Access Library, which contains hundreds of courses, thousands of clips, and project files so users can follow along.

HISTORY
Total Training was founded in 1996 to provide the highest quality instruction to users of creative software. Recognizing that printed instruction was tedious, and classroom training was hard to find and often prohibitively expensive, Brian Maffitt, Total Training CEO and President collaborated to create the first video series, Total AE. The response was overwhelming.

14:28  Hours

29 Lessons

Lifetime Access

Course Curriculum

Preview Course

CHAPTER 1: MEET BACKBONE.JS
Course Introduction (2:58)
Section Introduction (3:58)
Backbone Models (9:43)
Backbone Views (4:16)
Views & Models (4:56)
Backbone Collections (6:04)
Section Summary (3:00)
CHAPTER 2: MORE BACKBONE BASICS
Section Introduction (1:40)
Backbone Router (7:50)
Backbone Events (6:23)
Namespacing (5:34)
Combining Concepts (10:10)
Section Summary (3:05)
CHAPTER 3: WORKING WITH BACKBONE.JS
Section Introduction (6:17)
Setup On Cloud 9 (7:33)
Configuring Index Html (3:39)
Adding Models (3:15)
Adding Views (5:57)
Adding Collections (8:37)
Templating (7:21)
Section Summary (2:12)
CHAPTER 4: ADDITIONAL BACKBONE FEATURES
Section Introduction (1:43)
Model Validation (4:00)
Raising And Responding To Events (9:55)
Routing (10:13)
Section Summary (4:25)
CHAPTER 5: BUILDING A GUESTBOOK APP
Section Introduction (9:45)
A New Cloud 9 Workspace (12:17)
Coding Index.html & Models (12:00)
Coding Views (13:26)
Coding More Views (13:39)
Coding Collections (11:15)
Coding Events (8:35)
Coding Templates (14:21)
Wiring Everything Together (11:17)
Styling With Bootstrap (8:09)
CHAPTER 6: COURSE SUMMARY
Section Introduction (2:48)
Additional Resources (2:52)
Final Remarks (0:42)
Project Files Included
Project Files – ing with Backbonejs

Working with JavaScript Streams

Working with JavaScript Streams

Instructor: Total Training

OverviewDescriptionAbout

Learn asynchronous programming for performance and clarity!

This Working with JavaScript Streams training course is for any IT professional or casual developer anticipating a better understanding of the JavaScript language and its newer design patterns and structures.

This Working with JavaScript Streams training course is for any IT professional or casual developer anticipating a better understanding of the JavaScript language and its newer design patterns and structures. Learn more about the language and better ways to use it through demonstration and practice.

This course pertains to not only web, mobile, and service application developers, but also architects, UI designers, testers, and administrators.

Total Training

Total Training is a pioneer in innovative online training for leading creative design, digital video, office productivity software programs, and more.

Ranging from casual hobbyists to the most seasoned professionals, our users quickly learn new applications and broaden their knowledge of programs currently used. Narrated in an entertaining format by industry experts and leading authors, our video-based training titles are critical tools for anyone wanting to learn tips, techniques, and best practices from the most respected names in the business.

We currently offer affordable subscriptions to our All-Access Library, which contains hundreds of courses, thousands of clips, and project files so users can follow along.

HISTORY
Total Training was founded in 1996 to provide the highest quality instruction to users of creative software. Recognizing that printed instruction was tedious, and classroom training was hard to find and often prohibitively expensive, Brian Maffitt, Total Training CEO and President collaborated to create the first video series, Total AE. The response was overwhelming.

1:17  Hours

11 Lessons

Lifetime Access

Course Curriculum

Preview Course

CHAPTER 1: WORKING WITH JAVASCRIPT STREAMS
Introduction to JavaScript Streams (4:18)
Streams Defined (6:06)
Streams – Why & How (5:23)
JavaScript Streams (4:06)
Asynch Functions & Streams (9:53)
Streaming Implementations (4:02)
The RxJS Library (5:14)
Using RxJS (12:49)
RxJS ObservableObserver Pattern (7:28)
The RxJS Subject Class (6:36)
Wrap Up (4:21)
Project Files
Project Files – Working with JavaScript Streams

Dreamweaver Templates and Javascript Menus

Dreamweaver Templates & Javascript Menus

Instructor: Total Training

OverviewDescriptionAbout

Transform your design into a functioning website!

This Dreamweaver Templates & JavaScript Menus course is for beginners. You do not need any previous knowledge in Dreamweaver or web design experience.

This Dreamweaver Templates & JavaScript Menus course is for beginners. You do not need any previous knowledge in Dreamweaver or web design experience. We will use Dreamweaver CC ‘split’ view, so we can use all the good visual tools as well as do some simple amends down in the code as well.

In this series, we will take a static design from either Illustrator or Photoshop and together, step-by-step, build everything in HTML, CSS & JavaScript. We will make our own navigation. We will make adjustments so that everything looks great on different mobile devices. We will work with beautiful fonts and colors, and even add Google Analytics to our site to get amazing information about exactly who visits your site

Total Training

Total Training is a pioneer in innovative online training for leading creative design, digital video, office productivity software programs, and more.

Ranging from casual hobbyists to the most seasoned professionals, our users quickly learn new applications and broaden their knowledge of programs currently used. Narrated in an entertaining format by industry experts and leading authors, our video-based training titles are critical tools for anyone wanting to learn tips, techniques, and best practices from the most respected names in the business.

We currently offer affordable subscriptions to our All-Access Library, which contains hundreds of courses, thousands of clips, and project files so users can follow along.

HISTORY
Total Training was founded in 1996 to provide the highest quality instruction to users of creative software. Recognizing that printed instruction was tedious, and classroom training was hard to find and often prohibitively expensive, Brian Maffitt, Total Training CEO and President collaborated to create the first video series, Total AE. The response was overwhelming.

4:26  Hours

38 Lessons

Lifetime Access

Course Curriculum

Preview Course

CHAPTER 01: OVERVIEW 04:30
Course Introduction (2:33)
Course Outcomes and Resources (1:56)
CHAPTER 02: CREATING AN HTML WEBSITE IN DREAMWEAVER 19:54
Setting Up Adobe® Dreamweaver to Create Websites (3:13)
Creating a New Website – Site Definition (3:56)
Creating a New HTML Page (5:27)
Starting Your Website (3:47)
Moving Tags (3:29)
CHAPTER 03: USING CSS IN DREAMWEAVER 22:22
Creating Your First CSS Style Sheet (9:24)
Changing and Adjusting CSS Styles (4:50)
Centering a Website Using a Container (8:05)
CHAPTER 04: RESPONSIVE WEBSITES 11:30
Adjusting a Website for Mobile Phones and Tablets (Media Queries) (8:06)
Testing a Website on a Mobile Phone or Tablet (3:22)
CHAPTER 05: MOBILE NAVIGATION MENU 42:18
Creating a Hamburger Menu for Mobile (11:10)
Creating a Mobile Menu with JavaScript and jQuery (13:03)
Styling the Menu (9:29)
Adding Fonts (5:52)
Adjusting the Style of a Hamburger Menu (5:45)
CHAPTER 06: ADDING CONTENT 24:06
Planning a Dreamweaver Template (2:21)
Adding a Background Image (7:38)
Using the HTML5 Main Tag in Dreamweaver (4:14)
Adding the HTML5 Footer Tag to a Website (9:51)
CHAPTER 07: TEMPLATES IN DREAMWEAVER 07:34
Making a Template in Dreamweaver (3:43)
Creating New Pages from a Dreamweaver Template (3:49)
CHAPTER 08: ADDING ADDITIONAL CONTENT 25:36
Creating a Responsive Hero Box (8:25)
Fixing Problems with div Tags When You Float Left (Clearing the Float) (9:09)
Styling the Horizontal Rule (2:36)
Creating a Button in Dreamweaver (5:22)
CHAPTER 09: RESPONSIVE CONTENT 38:30
Changing Fonts and Spacing for Mobile (5:49)
Turning off HTML Elements (6:39)
Creating a Responsive Image Grid (8:26)
Creating Responsive Image (5:40)
Making Columns for Desktop, Tablet, and Mobile Websites (5:25)
Working with Pseudo Classes (6:27)
CHAPTER 10: CREATING ADDITIONAL PAGES 14:21
Creating and Linking New Pages Using Templates (14:21)
CHAPTER 11: HOSTING AND ANALYTICS 15:54
Uploading Your Website (9:58)
Adding Google Analytics (5:55)
CHAPTER 12: WHAT’S NEXT 02:26
What Next for Your Project? (1:23)
Dreamweaver Class Exercise (1:02)
Pdf
Total-Training-Cheat-Sheet-Illustrator-for-the-Web.pdf
Total-Training-Cheat-Sheet-Illustrator.pdf
Total-Training-Dreamweaver-Cheat-Sheet.pdf
Total-Training-Shortcuts-Illustrator.pdf
Project Files
Project Files – DW Templates JS Menus

Canvas image Creator HTML5 Javascript project from Scratch

Canvas image Creator HTML5 Javascript project from Scratch

Instructor: Laurence Svekis

OverviewDescriptionAbout

HTML5 JavaScript Jquery project from scratch learn by example. Step by step awesome application built from Scratch

See HTML5 JavaScript and JQUERY in action working together in a custom-made application.

Custom application creation, create an image uploader that can frame uploaded image content and output it to the user.

See HTML5 JavaScript and JQUERY in action working together in a custom-made application.

Custom application creation, create an image uploader that can frame uploaded image content and output it to the user. This course will show you how to create this useful application from scratch. Allow visitors to use your app, to upload an image, move it around and output a new image on the fly. Add your own custom marketing branding frame to the user uploaded an image. HTML5 Image Creator application from scratch!

In this course I create a user image generator application from scratch. Users enjoy being able to interact with an app creating their own custom images online. Step by step instruction how you too can build apps like this using HTML5 and JavaScript. All the source code is included.

From an instructor with over 15 years experience, I’ve developed hundreds of applications. This is the perfect type of app to increase user engagement and interaction on your web pages. Add a frame to the newly created image for branding and promotion. Create your own version of this app, step by step code explanations.

This course covers how to use JavaScript to create HTML5 canvas interactions. Use Jquery and send data via AJAX to the php backend.

  • Learn by example
  • real world useful code
  • source code included
  • JavaScript HTML5 Canvas tutorial
  • AJAX Jquery
  • PHP to create images
  • Build an app from scratch

This course is perfect for anyone who wants to see an app build from concept to creation. Popular useful code, learn how to put it all together. Learn what HTML5 canvas can do.

Who is the target audience?
  • Web developers
  • application develoeprs
  • anyone who wants to learn more about making HTML5 canvas apps
  • Anyone who wants to create an application from scratch

Laurence Svekis

I’m here to help you learnachieve your dreams, come join me on this amazing adventure today

Google Developers Expert – GSuite

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

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

“I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998. I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides.”

“Learning, understanding with a strong passion for education. The internet has provided us with new opportunities to expand and share knowledge.”

Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online. Technology connects us all in many ways. It opens up doors to those who embrace it and learn how to make those connections real.

“My courses are designed to help you achieve your goals, learn and update skills”

Background : An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications. Web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO.

Understanding technology provides a means to better connect with users. It also opens so many doors. Knowledge is the key to success and I want to help you experience what technology has to offer. I’m passionate about web technologies, and look forward to sharing my knowledge and experience with you!”

3.19  Hours

37 Lessons

Lifetime Access

Course Curriculum

Preview Course

First Section
1 Canvas Image Project course introduction (4:32)
2 Canvas Image Project course summary (4:44)
3 Canvas project basic setup (4:13)
4 Connect JavaScript to Canvas (4:26)
5 Canvas Image Project add images (6:32)
6 Canvas Image Project add jquery UI drag (5:21)
7 Canvas Image Project adding a save button (2:43)
8 Canvas Image Project get the values (5:31)
9 Canvas Image Project calculate where image is compared to canvas (9:26)
10 Canvas Image Project jquery shorter way to get coordinates (5:22)
11 Canvas Image Project draw and save setup (3:15)
12 How to setup PHP server on your machine quickly (5:16)
13 Canvas Image Project using image data base64 (5:02)
14 PHP save data as image on server (5:41)
15 Canvas Image Project create images on the fly (7:41)
16 Image Creation Source Code
16 Project1
17 Canvas Image Project section summary (5:26)
18 add HTML for file upload (2:07)
19 Canvas Image upload image to data (9:05)
20 Canvas Image Project upload image to canvas (4:44)
21 Canvas Image Project set multiple images (7:07)
22 Canvas Image Project get mouse X and Y (5:43)
23 Canvas Image Project draw clear canvas (6:24)
24 Canvas Image Project mouse down up listener (6:59)
25 Canvas object hit test (5:46)
26 Canvas multi item drag and drop (6:25)
27 Canvas Image Project image border selector (6:08)
28 Canvas Image Project hittest resize (10:28)
29 Canvas Image Project resize vertical (8:05)
30 Canvas Image Project change stacking order bring to front (11:14)
31 Canvas Image Project Code Summary (11:08)
32 Source Code Image Upload
32 Project2
33 Frame your image content with custom promo frame (2:20)
34 Canvas Image Project fixing offset (5:02)
35 source-code-updated
35 Source Code

jQuery for Absolute Beginners

jQuery for Absolute Beginners

Instructor: EDUmobile Academy

OverviewDescriptionAbout

Learn Fundamental jQuery as per the Current Industry Demands.

JQuery is a popular JavaScript library that is used extensively in modern websites. This library facilitates common JavaScript tasks such as animations, event handling, manipulating HTML content, and communication with external servers.

JQuery is a popular JavaScript library that is used extensively in modern websites. This library facilitates common JavaScript tasks such as animations, event handling, manipulating HTML content, and communication with external servers. In addition to its easy-to-use features, JQuery also takes care of many cross-browser compatibility issues automatically.

Prerequisites

HTML: The student must know how to use HTML tags and attributes. Only a very basic understanding of HTML is assumed.

JavaScript: Since JQuery is a JavaScript library, the student must know how to write JavaScript. JQuery makes extensive use of functions and objects, so the student must be familiar with these concepts.

Notepad++ (Recommended): Notepad++ is a free, open-source text editor. Although JavaScript and HTML can be written using any text editor, Notepad++ is highly recommended because of features such as syntax highlighting and auto-complete.

JavaScript-enabled browser: In order to run JavaScript, the student must have a

ccess to a JavaScript-enabled browser. Although Google Chrome is used throughout the tutorial, any modern web browser will work as long as JavaScript has not been disabled by an administrator.

What you will learn

We will begin the course by learning about selectors. Selectors are strings that are used to target specific HTML elements on the page. The selector syntax is highly intuitive and easy to read and understand.

We will then move on to events. The student will learn how to write code that reacts to things like mouse clicks, key presses, when the page is done loading, and a few others. These events allow programmers to create interactive user interfaces.

After that, we will move on to effects and animations. Effects are used to hide and show elements. An example would be a menu that slides open when the mouse hovers over it. JQuery has a few built-in effects that can be implemented with minimal coding. For further customization, we will look at animations, which allow programmers to animate most of the visual properties of HTML elements.

Then we will learn about changing the HTML content of a webpage. This includes adding and removing entire HTML elements, as well as modifying text and other HTML attributes programmatically. We will also learn about how to navigate the tree-like structure of an HTML document using the concept of parent-, sibling-, and child-elements.

Finally, we will end the course by looking at AJAX, which stands for Asynchronous JavaScript and XML. AJAX allows programmers to interact with external servers. To serve as our example, we will read airport data from a public web service. We will learn how to request data, how to handle the response, and how to handle errors.

 

EDUmobile Academy

EDUmobile Academy develops high quality video training courses around topics in mobile development including iPhone, Android, Windows Phone, Java, Responsive Web Design and other emerging technologies.

Every course is created by an expert developer AND a trained mentor in the area of expertise.

Each course undergoes a rigorous planning, review and an internal quality check phase – to ensure that the teaching is of highest standards available online.

EDUmobile Academy was founded in 2008 when smart phones were just emerging into the market. Founder Vishal Lamba is experienced in multiple areas of digital design, mobile development and design, web technologies and digital marketing. He has a mathematics and computer science degree from Lawrence University, USA.

Vishal works closely with content creators and teachers to ensure that every course released meets the internal rigorous quality standards.

All course creators and trainers are currently based in the USA. Support for each course on Udemy is provided with quick turn around by a small team of developers and trainers.

1  Hour

10 Lessons

Lifetime Access

Course Curriculum

Preview Course

Introduction and Setup
Introduction to jQuery (3:08)
Selectors, Events and Effects
Selectors in jQuery (6:11)
Events in jQuery (6:24)
Effects and Animations
Effects in jQuery (6:28)
Animations in jQuery (7:15)
Document Object Model (DOM)
DOM Content (5:21)
DOM Structure (4:20)
DOM Traversal (7:05)
Introduction to Ajax
Ajax Part 1 (6:42)
Ajax Part 2 (9:55)

Google Drive Image Gallery Website JavaScript Google Script

Google Drive Image Gallery Website JavaScript Google Script

Instructor: Laurence Svekis

OverviewDescriptionAbout

Create a dynamic image gallery getting images from your Google Drive Folder and placing them on your website JavaScript

Create your own website that DYNAMICALLY GETS IMAGES from your Google Drive !!!!!

Create your own website that DYNAMICALLY GETS IMAGES from your Google Drive !!!!!
Learn more about JavaScript and how JavaScript ES6 can be applied to create amazing JavaScript projects. Course is loaded with JavaScript Examples and perfect JavaScript for Beginners to learn more about JavaScript Online. Writing JavaScript Code using vanilla JavaScript – no libraries no tricks this JavaScript tutorial the JavaScript Course will walk you through creating your own JavaScript code and provide many JavaScript Code Snippets for use in JavaScript programming. Learn JavaScript with this step by step JavaScript Course.

Created with Google Apps Script – allows you to create WebApps with JSON content for your website that you can make an AJAX request and get those images directly showing on your webpage.

Get data from Google Drive and use that data within you JavaScript application.

Previous JavaScript knowledge is a prerequisites to this course – YOU MUST HAVE JAVASCRIPT EXPERIENCE

Course is focused on applying JavaScript to connect to web APIs and get back JSON data using Google Apps Script to construct the API.

Course covers:

How to search the drive folder and get the image information
How to output JSON data into a Google Script web app
Building your endpoint to connect to Google Apps Script web app
Using JavaScript fetch to connect to JSON data
Applying JavaScript forEach to loop data and use it in the code
Building Elements for the page and updating attributes
Adding CSS
Compete WebApp with Modal popup for fullsize viewing of images
Complete Gallery display of Google Drive Images.
Source code is included so you can copy and paste the code to try for yourself.

Step by step learning

Fast friendly support is always available within the Q&A section

Experienced instructor with over 20 years of experience ready to help you learn

You have nothing to lose – Join now and start learning to create your own version of this helpful application today!!!

Who this course is for:
Web developers
Web designers
Anyone who wants to learn more about Google Apps Script
Webmasters

Laurence Svekis

I’m here to help you learn, achieve your dreams, come join me on this amazing adventure today

Google Developers Expert – GSuite

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

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

“I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998. I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides.”

“Learning, understanding with a strong passion for education. The internet has provided us with new opportunities to expand and share knowledge.”

Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online. Technology connects us all in many ways. It opens up doors to those who embrace it and learn how to make those connections real.

“My courses are designed to help you achieve your goals, learn and update skills”

Background : An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications. Web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO.

“Understanding technology provides a means to better connect with users. It also opens so many doors. Knowledge is the key to success and I want to help you experience what technology has to offer. I’m passionate about web technologies, and look forward to sharing my knowledge and experience with you!”

 

0:51  Hours

9 Lessons

Lifetime Access

Course Curriculum

Preview Course

First Section
0_Introduction_Image_Gallery
1_Web_Application_Setup (5:58)
2_Google_Script_Web_App (5:36)
3_Get_Drive_Images (9:14)
4_Connect_to_WebApp_JSON
5_Create_Page_Elements (3:10)
6backup_JavaScript_Popup_Image_Modal_Part_2 (6:56)
7_JavaScript_Popup_Image_Modal_Part_2 (3:53)
8_Code_Review_Image_Gallery (8:09)

$59

$29.50