Modern JavaScript- Building Real-World, Real-Time Apps

Modern JavaScript: Building Real-World, Real-Time Apps, available at $19.99, has an average rating of 3.9, with 60 lectures, based on 208 reviews, and has 2370 subscribers.

You will learn about Build a production-quality build pipeline for our scripts and styles with WebPack Integrate Socket.io and RxJS to create a reactive application architecture This course is ideal for individuals who are This course is NOT an introduction to JavaScript or You MUST understand JavaScript syntax or Familiarity with the language features of ES2015 is a plus, but not required (youll get plenty of practice!) or This course is for people who want to learn how to bring modern features of JavaScript together to create a complete application or This course is ESPECIALLY for people who want to build reactive, real-time applications in JavaScript! or To get the most out of this course, it is HIGHLY recommended that you follow along with implementing the project during the course (source code is provided if you get stuck) It is particularly useful for This course is NOT an introduction to JavaScript or You MUST understand JavaScript syntax or Familiarity with the language features of ES2015 is a plus, but not required (youll get plenty of practice!) or This course is for people who want to learn how to bring modern features of JavaScript together to create a complete application or This course is ESPECIALLY for people who want to build reactive, real-time applications in JavaScript! or To get the most out of this course, it is HIGHLY recommended that you follow along with implementing the project during the course (source code is provided if you get stuck).

Enroll now: Modern JavaScript: Building Real-World, Real-Time Apps

Summary

Title: Modern JavaScript: Building Real-World, Real-Time Apps

Price: $19.99

Average Rating: 3.9

Number of Lectures: 60

Number of Published Lectures: 60

Number of Curriculum Items: 60

Number of Published Curriculum Objects: 60

Original Price: $39.99

Quality Status: approved

Status: Live

What You Will Learn

Build a production-quality build pipeline for our scripts and styles with WebPack

Integrate Socket.io and RxJS to create a reactive application architecture

Who Should Attend

This course is NOT an introduction to JavaScript

You MUST understand JavaScript syntax

Familiarity with the language features of ES2015 is a plus, but not required (youll get plenty of practice!)

This course is for people who want to learn how to bring modern features of JavaScript together to create a complete application

This course is ESPECIALLY for people who want to build reactive, real-time applications in JavaScript!

To get the most out of this course, it is HIGHLY recommended that you follow along with implementing the project during the course (source code is provided if you get stuck)

Target Audiences

This course is NOT an introduction to JavaScript

You MUST understand JavaScript syntax

Familiarity with the language features of ES2015 is a plus, but not required (youll get plenty of practice!)

This course is for people who want to learn how to bring modern features of JavaScript together to create a complete application

This course is ESPECIALLY for people who want to build reactive, real-time applications in JavaScript!

To get the most out of this course, it is HIGHLY recommended that you follow along with implementing the project during the course (source code is provided if you get stuck)

This course is all about creating a fully functioning production ready, real time web application! We will learn how to bring together many different libraries and techniques from the JavaScript ecosystem together into a cohesive product that is ready for deployment!

Many courses focus on individual components and small example applications; while this one instead focuses on how everything can work together. If you want to see the development of a completed project working seamlessly with socket.io, nodejs, Reactive Extensions, WebPack (and more!), then this is the course for you!
We not only have a focus on our build pipeline – both development and production – but also on creating an architecture that takes advantage of the reactive programming paradigm.

It’s impossible to classify this course as a tour of any particular component, since, as you know, real applications are much more complicated than that. But rest assured that we leave no stone unturned as we explore how each component can work seamlessly together.

So if you want to take your JavaScript skills to the next level, if you want to be up to date on the latest development techniques, then this course is a must!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: Express and Socket.io Primer

Lecture 1: Overview

Lecture 2: Express: Basic Routes

Lecture 3: Express: Middleware and View Engines

Lecture 4: Socket.io: Setup

Lecture 5: Socket.io: Chat Application

Chapter 3: Build Pipeline with Webpack

Lecture 1: Overview

Lecture 2: Server Webpack: Configuration Part 1

Lecture 3: Server Webpack: Configuration Part 2

Lecture 4: Server Webpack: Configuration Final

Lecture 5: Server Webpack: Compile from Gulp

Lecture 6: Server Webpack: Server Reload

Lecture 7: Client Webpack: Configuration Part 1

Lecture 8: Client Webpack: Configuration Part 2

Lecture 9: Server Skeleton

Lecture 10: Client Webpack: Development Server Middleware

Lecture 11: Conclusion

Chapter 4: Application Architecture

Lecture 1: Overview

Lecture 2: Layout

Lecture 3: Observable Socket: Part 1

Lecture 4: Observable Socket: Part 2

Lecture 5: Observable Socket: Part 3

Lecture 6: Observable Socket: Part 4

Lecture 7: Component Framework

Lecture 8: Component Stubs: Part 1

Lecture 9: Component Stubs: Part 2

Lecture 10: Server Stubs

Chapter 5: Feature: Users

Lecture 1: Server Module

Lecture 2: Users Store

Lecture 3: Users Component

Lecture 4: Aside: Safe Subscribe

Lecture 5: Logging In

Lecture 6: Logging Out

Chapter 6: Feature: Chat

Lecture 1: Overview

Lecture 2: Logging In with the Chat Form

Lecture 3: Chat Module and Store

Lecture 4: Chat List

Chapter 7: Feature: Playlist

Lecture 1: Overview

Lecture 2: Playlist Data

Lecture 3: Playlist Items

Lecture 4: Playlist Items Style

Lecture 5: Playlist Toolbar

Lecture 6: Adding Items: Part 1

Lecture 7: Adding Items: Part 2

Lecture 8: Adding Items: Part 3

Lecture 9: Playlist Store Bug

Lecture 10: Adding Items: Part 4 – Youtube API

Lecture 11: Syncing Current Item

Lecture 12: Displaying the Current Item

Lecture 13: Context Menu: Part 1 – Markup

Lecture 14: Context Menu: Part 2 – Changing Item

Lecture 15: Context Menu: Part 3 – Deleting Items

Lecture 16: Playlist Chrome

Lecture 17: Sorting: Part 1 – Drag and Drop

Lecture 18: Sorting: Part 2 – Implementation

Lecture 19: Sorting: Part 3 – Animation

Chapter 8: Feature: Player

Lecture 1: Overview

Lecture 2: Player Component

Lecture 3: YouTube Player

Chapter 9: The End

Lecture 1: Conclusion and More Ideas

Instructors

3D BUZZ Programming and Digital Art training

Nelson LaQuet
Software Developer

Rating Distribution

1 stars: 8 votes

2 stars: 6 votes

3 stars: 19 votes

4 stars: 51 votes

5 stars: 124 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!