WebDev: Cool Parts with HTML5, JavaScript ES6 & CryptoJS
4.0 (2 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
38 students enrolled
Wishlisted Wishlist

Please confirm that you want to add WebDev: Cool Parts with HTML5, JavaScript ES6 & CryptoJS to your Wishlist.

Add to Wishlist

WebDev: Cool Parts with HTML5, JavaScript ES6 & CryptoJS

Start using cool & exciting features that come from HTML5, JavaScript ES6 and CryptoJS
4.0 (2 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
38 students enrolled
Created by Erik Owsiak
Last updated 3/2017
English
Current price: $10 Original price: $60 Discount: 83% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 9 hours on-demand video
  • 7 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Turn JSON into C# classes with Visual Studio 2015
  • Student will work with CryptoJS from Google
  • Develop WebSocket Client and Server
  • Object Oriented Programming in JavaScript with Inheritance
  • ES6 - Classes, Objects, Methods, Setters & Getters
  • Work with localStorate & sessionStorage
  • Work with WebRTC - Real-Time Communication
  • WebCam Streaming to Web Page
  • Use of SpiderMonkey js Command
  • ES6 - Computed Property Names
  • Goes to Zero Operator -->
  • Cryptography AES encrypt / decrypt
  • Computing MD5 Hash
  • Two C# Projects
  • Work with IIS & hosts file
  • JSON
  • ECMAScript 6: String Interpolation
  • ECMAScript 6: Arrow Functions =>
  • ECMAScript 6: Extended Parameter Handling
  • ECMAScript 6: Destructuring Assignments & Poperty Shorthand
  • Generators & Iterators ( Functions )
View Curriculum
Requirements
  • Student should be willing to learn and show intrest in technology.
Description

In this course you will explore the newest improvements that have been added to web developer's toolkit. Topics will cover:

  • Storage API - allows you to store an entire website on your browser for offline browsing

  • WebWorkers - give background process that allows the main website window to stay responsive even when completing a long running task

  • WebSocket-used to build a real-time communication system that runs on JavaScript and C#

  • SpiderMonkey js Command-allows running JavaScript on desktops without browsers

  • ECMAScript 6 Features added to JavaScript to make it more powerful with such features as objected oriented programming using the "class" keyword

  • Cryptography used to encode and decode secret messages

You will develop two C# programs to work with these new features and a basic website project to work with JavaScript and HTML5. You will not find such diversity of code examples anywhere on udemy. This course will teach how not to be locked in into a single technology mindset.

Who is the target audience?
  • Anyone who wants to take his / hers WEB DEVELOPMENT skills to the next level.
  • Someone with basic exposure to programming.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
52 Lectures
09:13:42
+
Let's Get Ready
5 Lectures 26:36

Welcome to WebDev Cool parts course; I like to start by saying thank you for showing interest in this course. During the next few hours I will show you parts of Html5, JavaScript and CryptoJS that you probably did not know that exist.

Preview 04:24

Student will install SpiderMonkey on his/hers computer.

Preview 06:28

Student will download & install:

  1. Notepad++
  2. Visual Studio Code
  3. Visual Studio 2015 Community Edition


Download & Install Development Tools
03:05

Student will add a new entry into hosts file on his/hers machine.

Edit Host File
03:00

Student will install IIS server, configure demo app and test it.

Setup & Test Web Server - IIS
09:39
+
Backend & Utils
9 Lectures 55:06

Random string gen function will be added to the JavaScript String class.

Preview 08:51

Student will download CryptoJS on his/hers machine.

Download & Install CryptoJS
03:06

Student will create a JSON data file.

Create students.json file
03:54

BackendOps.aspx file will be added to the project.

BackendOps ( C# ) - part 1
12:21

Student will add LoadJsonFile method to BackendOps.

BackendOps ( C# ) - part 2
03:02

Student will add Backend.js file.


Backend.js - part 1
05:09

This will help with coding html pages.

Preview 02:58

Student will setup web.config file for the example site.

web.config setup
05:37

Default index page for the web project and main menu.

Root index.html & Css
10:08
+
HTML5 Features
17 Lectures 03:47:30

Student will work with HTML5 Storage API: sessionStorage & localStorage

Storage API - part 1
17:33

Student will work with HTML5 Storage API: sessionStorage & localStorage

Storage API - part 2
11:46

Student will work with HTML5 Storage API: sessionStorage & localStorage

Storage API - part 3
17:04

Student will work with HTML5 Storage API: sessionStorage & localStorage

Storage API - part 4
06:56

Student will work with html5 webworker interface. 

WebWorkers - part 1
09:08

Student will work with html5 webworker interface.

WebWorkers - part 2
15:09

Student will work with html5 webworker interface.

WebWorkers - part 3
16:05

WebSocket JavaScript Client.

WebSocket Client: JavaScript - part 1
17:01

WebSocket JavaScript Client.

WebSocket Client: JavaScript - part 2
07:09

Student will code websocket server in c#.

WebSocket Server: C# - part 1
16:32

Student will code websocket server in c#.

WebSocket Server: C# - part 2
15:27

Student will code websocket server in c#.

WebSocket Server: C# - part 3
12:56

Student will code websocket server in c#.

WebSocket Server: C# - part 4
16:28

Student will code websocket server in c#.

WebSocket Server: C# - part 5
04:42

Student will code websocket server in c#.

WebSocket Server: C# - part 6
15:10

Student will be exposed to WebRTC API.

WebRTC - Real-Time Communications - part 1
17:58

Student will be exposed to WebRTC API.

WebRTC - Real-Time Communications - part 2
10:26
+
ECMAScript 6 Features
16 Lectures 03:11:01

Scoping is explained. 

Scoping: var vs. let vs. const -part 1
16:43

Scoping is explained.

Scoping: var vs. let vs. const -part 2
05:13

Student will be exposed to: default & rest parameters as well to spread operator.

Extended Parameter Handling
11:13

Student will work with template strings.

Template Strings
06:01

Arrow function scoping will be introduced. 

Arrow Functions =>
18:05

Object & array destructring with property shorthand notation.

Destructuring Assignments & Poperty Shorthand - part 1
16:03

Object & array destructuring with property shorthand notation.

Destructuring Assignments & Poperty Shorthand - part 2
16:09

Object & array destructuring with property shorthand notation.

Destructuring Assignments & Poperty Shorthand - part 3
04:07

Generator Functions and Iterator Protocol Introduced. 

Generators & Iterators
14:58

Generating random strings with generator function. 

Generators & Iterators - Random Strings
12:31

Solution to running standard approach vs. generator function. 

Solution
05:18

Miscellaneous but Cool Features - part 1
16:01

Miscellaneous but Cool Features - part 2
08:41

ECMA 6 - class keyword introduced ( mammal.js, cat.js, main.js ).

Preview 17:33

ECMA 6 - class keyword introduced ( dog.js, cow.js, main.js ).

OOP - part 2
16:43

Final touches on OOP.

OOP - part 3
05:42
+
Console App
4 Lectures 52:02

Console App using js command. 

Part 1
16:46

Console App using js command.

Part 2
14:31

Console App using js command.

Part 3
05:17

C# integrated with JavaScript.

Preview 15:28
+
The End
1 Lecture 01:27
Summary
01:27
About the Instructor
Erik Owsiak
4.2 Average rating
68 Reviews
2,508 Students
5 Courses
Hardware & Software Engineer

I started working with programming and technology way back in the 90's when a 200 MHz Pentium 1 was a speed demon; things sure have changed since. As programming and hardware matured over time so did I working with it. This gives me a unique prospective on what it is that really matters when it comes to programming. Over the years I have seen a few technologies come and go but a few basics have stayed and I am sure those basics will be with us a 100 years from now. I hope that as you take my courses I can relay those basic truths to you. A programming language is nothing more than a tool, like a hammer to a carpenter; it is not the hammer that makes quality furniture but the carpenter.  Over the course of my career I have worked on many different projects, which led me to work with many programming languages from C/C++, C#, php, JavaScript/JScript, asp.net, python, Lua to name just a few.