What you will learn
Start programming with JavaScript
Create real life projects with JavaScript
Description
Become a Professional JavaScript Programmer with Stone River eLearning’s online course bundle designed to take you from a Javascript beginner to a pro.
Javascript has seen an incredible rise in popularity over the last several years thanks to the development of a huge number of libraries that allow you to do almost anything with it.
It’s never been more important than right now to learn Javascript in depth. It will allow you to get great development jobs or move up in your current job, and Javascript development (especially for web app development) is a key skill for today’s tech entrepreneurs.
This is a living, breathing course bundle. We will be updating content and adding new content for quite a while to come. Purchase this bundle today and continue to get new cutting edge Javascript content as we roll it out.
Phase 1
This is the core of JS. These courses should be done in the order shown prior to moving to the next “phases”. When completed, the student is ready for “Databases” or “Frameworks”
- Fundamentals of JS
- jQuery
- NodeJS
- BackboneJS
Phase 2
This is optional, but imperative for a “Full Stack” developer. Either Mongo or Firebase, or both. MEAN includes Mongo and also adds a Framework (Angular) and is an assumption of a Full Stack developer.
- Mongo
- Firebase
- MEAN
Phase 3
With Phase 1 complete (and, optionally, Phase 2), the student is ready to learn modern JS Frameworks. Any or all of these are good to go.
- React
- Vue
- Ember
- Angular4
Phase 4
After learning a major JS Framework or two, these supporting libraries/technologies are now in order for the student to complete their JavaScript toolbox.
- JSON
- Git/Github
- REST
- Best Practices
- Webpack
- Unit Testing
- Debugging
- Prog. Web Apps
English
language
Content
Fundamentals of Javascript||Introduction to JavaScript
Introduction to JavaScript
Script Tags
Boxes
Console
Variables
Undefined, typeof, NaN
Concatination
Comparison Operators
Logical Operators
Mathematical Operators
Commenting
Fundamentals of Javascript||Intermediate JavaScript
Arrays
Array Prototype
Looping Over Arrays
Introduction to Objects
Creating an Object
Dates and Times
Intervals
Countdown: Example Application
Callbacks
Callback in Countdown
Fundamentals of Javascript||Working with JavaScript Elements
DOM Elements
Query Selector
Event Handlers
Input Fields
Creating Elements
Styling Elements
Fundamentals of Javascript||Bonus JavaScript Tips
Linting
Minification
jQuery for Beginners||Introduction to the Course
Course Introduction
jQuery for Beginners||Introduction To jQuery for Beginners
Section Introduction
jQuery Core Concepts
Getting Started
Adding the jQuery library to your webpage Part 1
Adding the jQuery library to your webpage Part 2
jQuery Syntax Introduction
jQuery Selectors
jQuery Event Methods
Section Conclusion
Student Project 1
jQuery for Beginners||Introduction To jQuery Functions
Section Introduction
Creating a jQuery template Part 1
Creating a jQuery template Part 2
Creating a jQuery template Part 3
Get Content and Attributes
jQuery Callback Functions
Section Conclusion
Student project 2
jQuery for Beginners||USB Debugging Mode & Hardware API’S
Section Introduction
jQuery Effects Part 1
jQuery Effects Part 2
jQuery Effects Part 3
jQuery Effects Part 4
jQuery CSS Functions Part 1
jQuery CSS Functions Part 2
jQuery AJAX Functions Part 1
jQuery AJAX Functions Part 2
jQuery AJAX Functions Part 3
Section Conclusion
Student Project 3 Part 1
Student Project 3 Part 2
Student Project 3 Part 3
jQuery for Beginners||Course Conclusion
Course Conclusion
Node.js || Introduction to the Course
Welcome to Node.js_ Simple & Complete!
How this will go
Project introduction
Setup
Summary
Node.js || Discover Node.js
Introduction
What are Node.js & Express
Try Node from Command Line
Set up a Node.js app
Use GIT with C9io
Summary
Node.js || Work with Express
Introduction
Get Express set up
Create an NPM Start script
Routing with Express
Summary
Node.js ||Kickstart a Node Web App
Introduction
Use a Bootstrap Template
Configuring Resources
Manage UI Components with Bower
Summary
Node.js ||Work with Gulp
Introduction
Use JSHint in Gulp
Inject dependencies with Wiredep
Injection with Gulp-Inject
Watch Changes with Nodemon
Summary
Node.js ||Work with Node Templating Engines
Introduction
Review of Templating Engine Options
Begin with EJS
Put EJS to Work
Summary
Node.js||More Express Routing
Introduction
Use A Router
New Pages
Separate Code Into Different Files
Wire our new pages back
Summary
Node.js||Use a database with Node.js
Introduction
Get MongoDB Set Up
Get Events data ready
Write Code to Insert
Query MongoDB and Display
Summary
Node.js||Course Wrap-up
What Now
Thank You
Course Summary
Backbone.js||Meet Backbone.js
Course Introduction
Section Introduction
Backbone Models
Backbone Views
Views & Models
Backbone Collections
Section Summary
Backbone.js||More Backbone Basics
Section Introduction
Backbone Router
Backbone Events
Namespacing
Combining Concepts
Section Summary
Backbone.js||Working with Backbone.js
Section Introduction
Setup on Cloud 9
Configuring index.html
Adding Models
Adding Views
Adding Collections
Templating
Section Summary
Backbone.js||Additional Backbone Features
Section Introduction
Model Validation
Raising and Responding to Events
Routing
Section Summary
Backbone.js||Building a Guestbook App
Section Introduction
A new Cloud 9 workspace
Coding index.html & Models
Coding Views
Coding More Views
Coding Collections
Coding Events
Coding Templates
Wiring Everything Together
Styling with Bootstrap
Backbone.js||Course Summary
Section Introduction
Additional Resources
Final Remarks
MongoDB||Introduction to the Course
Welcome to MongoDB made easy!
How this will go
Our Hands-On Project
Setup Our Tools
Section Recap
MongoDB||Set Up Our Project
Section Introduction
Import Data with MongoImport
Use the Mongo Shell
Javascript in the Mongo Shell
Section Recap
MongoDB||Start with Queries and Operations
Section Introduction
Retrieve data with .find()
Create data with .save() & .insert()
Update data with .update()
Deleting data with .remove()
Display User Data in our App
Section Recap
MongoDB||Model New Entities
Section Introduction
Rules for Modeling
Simple & Complex Models
Modeling ‘Event’ Data
Modeling ‘Event Registration’ data
Section Recap
MongoDB||Indexing MongoDB
Section Introduction
Indexing in MongoDB
Using Indexes
Creating Indexes
Section Recap
MongoDB||MongoDB Aggregation Framework
Section Introduction
Aggregation Concepts
Pipeline Stages & Operators
Aggregation in our Project
Use our Aggregated Data
Section Recap
MongoDB||Replication & Sharding
Section Introduction
What are Replica Sets
Automated Failover
What is Sharding
Rules for Sharding data
Section Recap
MongoDB||Our Web App
Section Introduction
Our Project’s State
Our app js file
Our Aggregate Queries
Section Recap
MongoDB||Course Outro
Section Introduction
Learning Objectives _ Project Requirements Review
Where to go from here
Section Recap
MongoDB||10.Appendix
Recovering MongoDB in Cloud9
Firebase||Firebase Features
Section Introduction
Firebase Defined
Firebase and GCP
A Mobile Solution
Firebase for JavaScript
Firebase||Firebase Features
Section Introduction
Authentication
Realtime Database
Cloud Functions
Cloud Messaging
Firebase||A Firebase Project
Section Introduction
Google Authentication
Database Integration
Trollbox Implementation
Cloud Functions Translator
Firebase||Additional Features
Additional Features
Additional Database Operations
Firebase Hosting
User Managed Administration
Wrap up
React.js||Welcome to Starting with React
Section Introduction
What is React?
How This Course Works
Preparing for React
React.js||React Components
Section Introduction
Component Basics
Component Implementation
Component Composition
Composition Implementation
Section Conclusion
React.js||React State & Props
Section Introduction
Managing Data in React
State & Props Implementation
Section Conclusion
React.js||React Event Handling
Section Introduction
React-ing to Events
Event Handling Implementation
Section Conclusion
React.js||Routing in React
Section Introduction
Applying Routing
Router Implementation
More Routing Concerns
More Routing Implementation
Section Conclusion
React.js||React Flux
Section Introduction
The Flux Pattern
Implementing a Flux Store
More Flux Details
Implementing Flux Shoutouts 1
Implementing Flux Shoutouts 2
React Forms
Implementing a React Form
Section Conclusion
React.js||Styling React
Section Introduction
Component-Level Styling
Applying Style
Flesh Out Characters
Section Conclusion
React.js||Course Conclusion
Content Review
What now?
Final Thoughts
Vue.js||Introduction to the Course
Introduction to the Course
Vue.js|| Vue.js Data Handling
Section Introduction
Getting started with Vuejs
Adding Data Structures to Page views
Vuejs LifeCycle
Data Binding with Form fields
Render List array to page view
Apply Filters
Computed Values
Vue Shopping Cart project Setup
Vue Shopping Cart computed values and filters
Section Summary
Vue.js||Getting Creative with Vue.js
Section Introduction
Directives Vuejs
Introduction to methods
Event listeners
Binding Classes
Components Template Building
Isolated scopes
Shopping Cart Sort Order Methods
Add Methods use inventory data
Remove from array
Add dynamic items to Shopping cart
Bind Classes Clear Shopping Cart add Discounts
Section Summary
Vue.js||Doing more with Vue.js
Section Introduction
Use Vue Resource Libraries
Data and arrays
Use API data build a people sorting application in minutes
Section Summary
Vue.js||Course Summary
Resources
Conclusion
Ember.js 2||Starting with Ember
Welcome to Starting with Ember
What is Ember?
Motivations Driving Ember
How Easy is it?
Course Outline
Ember.js 2||Let’s Get Started
Section Introduction
Installing Ember CLI
And.. What Do We Have Here?
Ember Objects, Classes & Instances
Computed Properties, Observers, & Bindings
Concepts at Application Scope
Section Conclusion
Ember.js 2||Ember Routing
Section Introduction
Route Definition
Nesting Routes & Templates
Dynamic URL Segments
Specific Route Handlers
Promises & Routers
Section Conclusion
Ember.js 2||Templates & Helpers
Section Introduction
Creating Templates with Helpers
Actionable Helpers
Custom Helpers
Section Conclusion
Ember.js 2||Ember Components
Section Introduction
Setting Up for a Component
Creating a Component
Creating a Controller
Components and Closure Actions
Section Conclusion
Ember.js 2||Ember Data
Section Introduction
Setup Mirage
Create an Ember Model
Access Our Model
Section Conclusion
Ember.js 2||Build an Ember App
Section Introduction
Design the App
Build Out the App
Create the Components
Complete the Code
Walk-Thru our New Code
Section Conclusion
Ember.js 2||Testing Ember
Section Introduction
Ember Testing Tools
Unit Testing
Acceptance Testing
Integration Testing
Section Conclusion
Ember.js 2||Ember Addons
Section Introduction
Ember Addon Sources
Add a YouTube Addon
Add Tooltips to our Templates
Section Conclusion
Ember.js 2||Styling Ember
Section Introduction
Styling with an Addon
Styling our Main Template
Styling our List Component Template
Final Refactioring
Section Conclusion
Ember.js 2||Ember Security
Section Introduction
OAuth
Ember-Simple-Auth and Torii
Implementing Authentication and Authorization
Section Conclusion
Ember.js 2||Course Conclusion
Final Thoughts
What Do We Know Now?
Additional Resources
Angular4||Welcome to Starting With Angular 4
Course Introduction
What is Angular?
How this course works
The Course Outline
Angular4||Let’s Get Started
Section Introduction
What Do We Have Here?
Angular Architecture
From Scaffold to Application
Section Summary
Angular4||Angular Components
Section Introduction
Create a Components Project
Working with Components
Section Summary
Angular 4||Angular Routing
Section Introduction
Create a Routing Project
Let’s Do Some Routing
Section Summary
Angular 4||Angular Services
Section Introduction
Create a Services Project
Start Building Services
Wiring Services Up
Accessing Services
Service-Enabled Components
Finalizing our Services Implementation
Section Summary
Angular 4||Angular Modules
Section Introduction
Modules Defined
Refactoring for Modules
Finish our Modules Refactor
Section Summary
Angular 4||Styling Angular
Section Introduction
Integrate the Module
Style our Components
Section Summary
Angular 4||Directives & Pipes
Section Introduction
Directives
Pipes
Section Summary
Angular 4||Conclusion
Course Conclusion
What Now?
Final Comments
JSON||Welcome to the course
Course Introduction
Learning JSON
JSON Defined
JSON Structure
JSON Data Types
JSON & JavaScript
JSONP
JSON||Using Git
Using JSON
JSON & Java
GSON Library
JSON Databases
JSON Configuration Files
JSON & API’s
JSON Utilities
Wrap Up
Git/Github|| Welcome to Git and GitHub
Course Introduction
Git Defined
GitHub Defined
The Development Workflow
Installing Git Locally
Git/Github||Using Git
Using Git
Getting Things Started
Managing Files
Working with a Repo
A Local Workflow
Git/Github||Using GitHub
Using GitHub
Working with Remote
An Extended Workflow
Pull Requests
Branching & Merging
Git/Github||Additional Features
Additional Features
GitHub Pages
GitHub as a Safety Net
GitHub Integrations
Wrap Up
REST API’s||Starting With REST API’s
Course Introduction
Learning REST
REST Defined
REST & HTTP
REST & CRUD ops
Designing for REST
REST API’s||Developing REST API’s
Developing REST API’s
NodeJS Environment
NodeJS & REST
REST Routes
A REST controller
Completing the REST Server
Testing our REST API
Wrap Up
JavaScript Best Practices|| Best Practices
Starting with JavaScript Best Practices
Avoiding Global Variables
Variable Naming Conventions
Automatic Semi-Colon Insertion
The Ternary Conditional
Compound Ternary Condtitionals
Ternary Function Invocation
Minimal DOM Operations
The Chrome Dev Tools
Applying SOLID Principles
Wrap Up
Webpack||Starting with Webpack
Starting with Webpack
Learning Webpack
Webpack Defined
Webpack in play
Webpack’s Core Role
More Webpack Capabilites
Webpack vs. the Alternatives
Webpack ||Preparing for Webpack
Preparing for Webpack
Development Environment
node & npm
Installing Webpack
Configuration
Testing Configuration
Webpack||Using Webpack
Using Webpack
Setup a New Project
Create Project Assets
Bundle.js
Watch Mode
Bundling Additional Resources
Webpack||Additional Webpack Support
Additional Webpack Support
A New Structure and Config
Webpack Dev Server
Cache Busting
Implmenting Loaders
Wrap Up
JavaScript Unit Testing||Getting Started
Starting with JavaScript Unit Testing
Learning JavaScript Unit Testing
The Jasmine Testing Framework
Development in this Course
A New Cloud 9 Workspace
A New Node Project
JavaScript Unit Testing||Installing and Configuring Jasmine
Installing and Configuring Jasmine
Installing Jasmine
An Initial Test
A Functional Spec File
Expanding the Spec File
JavaScript Unit Testing||Testing Source Code
Testing Source Code
Testable Code
Jasmine Expectations
Higher Expectations
Different Expectations
JavaScript Unit Testing||Jasmine Hooks
Jasmine Hooks
*All Hooks
*Each Hooks
A Practical Example
Practical Code
Practical Testing
Wrap Up
JavaScript Debugging||Getting Started
Starting with JavaScript – Debugging
What We’ll Learn
What is Debugging?
JavaScript Debugging Tools
Chrome Dev Tools
Debug-able Code
JavaScript Debugging||Debugging Concepts
Debugging Concepts
Breakpoints
Call Stacks & More
Logging
Source Maps
The Console
JavaScript Debugging||Debugging Code
Debugging Code
The Process
More Breakpoint Types
Working in the Console
JavaScript Debugging||More Chrome Dev Tools
More Chrome Dev Tools
Performance Tools
Network Tools
Memory Tools
Wrap Up