JavaScript Crash Course
Build a web-based app using JavaScript. 👍
In this free course, you'll learn 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 free HTML & CSS Essentials course before taking any JavaScript courses.
If you’ve already got some HTML & CSS training under your belt and have completed this free JavaScript course, the next step is to learn more about JavaScript in our introduction to front-end with JavaScript course.
David VanDusen
JavaScript (JS) is one of the most widely-used programming languages in the coding community. It is the most popular programming language used by web developers to build interactive sites and its dynamic nature makes it versatile and useful for many websites.
Learning JavaScript provides you with a skillset that makes you a strong candidate in today’s job market and opens up the possibility of starting a successful and lucrative career in web development.
Like most new skills, it is possible to learn JavaScript on your own. This approach can be challenging but you can learn JavaScript basics through free courses that are available online through established coding institutions and work your way up from there.
Absolutely! The benefits of learning JavaScript through a free course is that it allows beginners to gauge if programming is the right fit for them before making a larger commitment to a paid, part-time or full-time course.
You can learn at your own pace with our online courses, which will help prepare you for more advanced JavaScript courses in the future.
Our interactive JavaScript tutorial is the perfect introduction to learning core concepts of the JavaScript programming language.
Introduction
What Is JavaScript?
Building A Chat App
Setup
HTML
CSS
Example CSS
Client Side
Node
Express
Socket.io
Enhancements (Stretch Goals!)
Lighthouse Labs Prep Course
Additional Resources
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 LessIt 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 MoreIt 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 LessI 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 MoreI 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 LessSimple learning focused tutorial and stepping stone for web developers.
Simple learning focused tutorial and stepping stone for web developers.
Read LessThe 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 MoreThe 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 LessThis 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 MoreThis 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