Course Description

In this free course, you'll be learning how to build your own web-based chat app similar to Twitch or Slack using JavaScript and other modern tools like Node.js and Web Sockets. The goal of this course is to introduce you to the fundamentals of building web-based applications using some of the most prominent and widely used programming technologies!

If you're new to programming, we recommend you start with our HTML & CSS Essentials course.

And if you want to learn further about JavaScript, discover our introduction to front-end with JavaScript course.

Web Developer & Instructor

David VanDusen

David is a sort of web dev Don Quixote, helping out wherever he is needed. He has grappled with his share of technological windmills yet continues his chivalrous fight for clean, beautiful code. That said, David is a renaissance man and pursues fine arts and music in his leisure.

Course curriculum

  • 1

    Welcome!

    • Introduction

    • What Is JavaScript?

    • Building A Chat App

    • Setup

  • 2

    Styling With HTML & CSS

    • HTML

    • CSS

    • Example CSS

  • 3

    Functionality With JavaScript

    • Client Side

    • Node

    • Express

    • Socket.io

    • Enhancements (Stretch Goals!)

  • 4

    Continue Your Learning

    • Lighthouse Labs Prep Course

    • Additional Resources

Reviews

5 star rating

Camilo Garcia

5 star rating

Thiago Santos

5 star rating

SANKET PATEL

5 star rating

Started me on JS

Gideon Brasil

Great tutorial on getting started with JS. I like it that it emphasizes that you need to type the code. Practice makes perfect.

Great tutorial on getting started with JS. I like it that it emphasizes that you need to type the code. Practice makes perfect.

Read Less
5 star rating

Geoffrey Cwiklewich

4 star rating

Brilliant, but where is the support?

C.B.Vincent Goudreault

It was going great until reaching "Functionality with JavaScript; Client Side" step 3. Got stuck with Brackets stubbornly claiming that it could not use or ...

Read More

It was going great until reaching "Functionality with JavaScript; Client Side" step 3. Got stuck with Brackets stubbornly claiming that it could not use or recognize "$", "alert" or "console.log"; basically everything from a package/library is undefined. 24 hours later, the questions remain unanswered, with one other person reporting similar issue. One assumes that it must be a problem in the way things are installed, but I am completely at a loss as to the cause of the problem, and without any work-around, am completely stuck. If I could carry on, I am sure I could give 5 stars to the course, as the instructions are clear, the examples pertinent, the material logically laid-out. But I am stuck...

Read Less
4 star rating

Brittany Brathwaite

4 star rating

my Attempt of Javascript Essentials Part 1

damion gibbs

I think the objective was appropriate and was not too complex. The instructions given were clear for the most part. It really helps me when an explanation ...

Read More

I think the objective was appropriate and was not too complex. The instructions given were clear for the most part. It really helps me when an explanation for a line of code is given. Step 2 in Socket.io has no explanation; I am left to guess what exactly that line of code is doing, after reading thru to Step 5. But the fact similar code is repeated in Step 5 and no mention made of what is going on in Step 2, (which looks like a repeat), will cause the student (me) to have to make assumptions as to what the code is actually doing. Point : more code explanation for Step 2 and referencing this in Step 5 to clarify why we did what we did in Step 2 and how it relates to the same code statements in Step 5. (ie. use of socket.on & socket.emit) The challenge I had was that there were insufficient examples on simple task such as passing multiple variables to the server. StackExchange returned 3 hits and the IO cheatsheet on how to use emit vs on was also lacking. I am at this point about 80% confident in what I did. Still working thru stretch goal #3. goals 1,2 &4 were done.

Read Less
4 star rating

JS part1

Digvijay Chouhan

Simple learning focused tutorial and stepping stone for web developers.

Simple learning focused tutorial and stepping stone for web developers.

Read Less
3 star rating

Not great at the actual Javascript part

Brian Burger

The CSS portion of this course was great - just enough guidance and hints to give you some idea of the vocabulary (and Google search terms) to use, some poin...

Read More

The CSS portion of this course was great - just enough guidance and hints to give you some idea of the vocabulary (and Google search terms) to use, some pointers to useful websites, and finally a complete CSS sheet if you're stumped or need to confirm things. The Javascript portion could do with a LOT more of what makes the CSS portion good, especially the Enhancements section - the Initial Field - Part 1 section is woefully cryptic and I wouldn't have gotten past it without the help of a Javascript-literate co-worker. The List of Messages section has some of this, please add it to the Initial Field section too!

Read Less
2 star rating

review

p campbell

This course is interesting but there is a lot of cut and paste of code. Which probably goes over the heads of most. You end up with a neat little app but af...

Read More

This course is interesting but there is a lot of cut and paste of code. Which probably goes over the heads of most. You end up with a neat little app but after doing this you can't really do anything else with javascript.

Read Less
1 star rating

Sri Nath

Related courses: