JavaScript Exercise | Learn JavaScript with Exercism | #0 Setup
Skills:
JavaScript Fundamentals90%
Key Takeaways
The video series covers JavaScript exercises using Exercism, starting with setup and a simple 'Hello World' exercise, and will progress to more advanced topics, preparing viewers for interviews.
Full Transcript
welcome to a brand-new series of JavaScript exercises in this series of YouTube videos we'll go to a large number of exercises created to improve your knowledge of all the important things in JavaScript the series of videos is both for beginners and intermediate developers since we are going to start from really easy exercises and move on to much harder examples later on every single solution is going to be explained in detail so you can learn exactly how was something sold and why was it sold in that specific way so let's dive right in all the exercises will be from Exorcism data i/o and in this video we are going to set up everything so we can start coding in no time it's the landing page of exorcism you can come here by typing exorcisms at i/o in your browser but I'll also leave links down in in description you need to sign up so press sign up and sign up using github or type in all this information once you sign up I'll be there pause the video and do it now now once you're sign up you can see the list of all the languages here sure you're interested only in JavaScript for now so let's type JavaScript and go right into it now we can click join the JavaScript track and this depends on you you can either follow me along in my videos and see all the solutions or you can click mentor mode so you will still get a mentor mentor from Exorcism review your solutions before you can publish them but for me I'll go on independent mode here you'll see a list of all jobs through the exercises a total of 96 of them some are easy some are medium and some are hard difficulty of course we're going to start with easy ones so click easy and what's easier than a simple hello world now click begin walkthrough and we'll be welcome to Exorcism installation guide choose your operating system I'm currently on Mac will need to use terminal 2 installations but don't worry it is really easy click yes and now just copy and paste into the console which stands here for Mac it's this I'm not going to install Exorcism right now because I already have it installed but you can check if it's installed by typing Exorcism version to the console as you can see i'm running i'm currently running 3.0 point 9 if you get Exorcism version and then some number you should define and then you can press yes now you need to configure the CLI press configure the CLI and now you just need to copy and paste this into the console again and press yes finally everything is set up now you can press copy here on this hello world and paste it into the console it is going to be downloaded to the folder here and the next thing we are going to do is open that folder in your code editor I am using Visual Studio code but the process should be the same in any code editor so I currently have many exercises here because I already sold some but you should just have a hello world you will see that in every exercise you will get the folder with solution this file is just here as a placeholder but for every other exercise besides hello world you need to create this file by yourself and then there is a spec file this are the tests for the exercise so let's open this file and this side file side by side here they already solve the exercise for you so you can just see how this works and here are the tests what are we going to do for every single exercise is that exorcism is going to test the solution themselves so what we need to do here we are currently in our folder and we are going to move directory to hello world okay now that we are in hello world will write MPM install and BM I for short once you install all the dependencies required for the exercise we can wait afraid for a bit here you'll be able to run npm test which is going to run all the tests for you for a specific exercise and then you'll see if you sold it correctly okay so now I can write npm tests and in town in the console I'll cut explanation if I solve it correctly or not so this exercise has only one test and I passed it so for every exercise you don't need to export the function you're going to create here we are exporting a class helloworld with the constructor will delete everything that that stands here and will just return what should be but we'll write it ourselves so we can learn how the Exorcism takes in exercises so we'll export a class called hello world which is going to have a constructor with one method in it and here we can see how are our tests being made here we have a greeter and greeter is nothing more than a new instance of hello world class so our reader is going to have a method called hello so let's created this that Hello is equal to an arrow function returning hello world and that should be it for this exercise let's check it out we run NPM tests and hear everything past this is the form in which exorcism will test our exercises to complete your exercise you're going to want to submit it and you're going to submit it by typing exorcism submit so this these two keywords are going to be the same for submitting every single exercise exorcism submit and then the name of the file you need to keep in mind that you need to be in this folder in the folder you're working with to post this file you'll type exorcism submit HelloWorld is type enter then you'll be greeted by this message saying that you can view your solution on this link you come here and now this is going to look a bit different for those who choose chose individual and those who choose mentored mode here you can press publish to publish your solution and here you can see your code after we publish your solution you can click view publish solution and then here on community solutions you can see how other people solve the same task you can see there are many different ways of solving the same task finally you can go to tracks JavaScript and now it should be one over 96 as you can see I also sold some more and every single task is so we'll have a check mark here that's it for this video this was the most boring part of all the series we just had to go to some install installation stuff and stuff like that but don't worry the next videos are going to be much more interesting and you will learn much more about the language you're writing code with so the next we are going to do leap and we are going to go through all of these exercises you're going to learn so much in every single every single exercise will be explained solution will be explained and you will learn all the new topics that you need to know about javascript this is also really good for passing interviews to get a job so let's go to the next video [Music]
Original Description
In this series of videos we will go through numerous JavaScript exercises and tackle important topics of the language. At the end of the series you will master advanced topics of JavaScript and be ready for the interviews!
💬 Some of my favorite tools:
Hostinger: https://jsm.dev/hostinger + Use coupon JAVASCRIPTMASTERY
Junie AI: https://jsm.dev/junie
WebStorm: https://jsm.dev/webstorm
Explore my Pro Content:
⭐ Join JS Mastery Pro: https://jsmastery.com
💎 Become Top 1% Next.js Developer: https://jsm.dev/nextjs
👨🔬 Master Next.js Testing: https://jsm.dev/testing
📗 GSAP Animations Course: https://jsm.dev/gsap
📕 Three.js 3D Course: https://jsm.dev/threejs
📙 JavaScript Course: https://jsm.dev/javascript
🚀 Launch Your SaaS: https://jsm.dev/saas
Many Pro Courses launching soon! Join the waitlists to get notified! 🔥🔥
👉 React Native Course Waitlist: https://jsm.dev/native
👉 Backend Course Waitlist: https://jsm.dev/backend
👉 React Course Waitlist: https://jsm.dev/react
👉 Tailwind Course Waitlist: https://jsm.dev/tailwind
👉 AI Development Course Waitlist: https://jsm.dev/ai
⚠ Links not working?
→ If you're in Nigeria, you'll have to use a VPN due to regional restrictions.
⚠ Something mentioned in the video isn’t listed here or a link is broken:
→ contact support@jsmastery.pro
📚 Resources:
—
Exercism.io is a free, open source website with a series of coding challenges and exercises in multiple programming languages. I am not in any way connected to Exercism and this isn't an advertisement.
—
Rate us on TrustPilot: https://jsm.dev/trustpilot
https://discord.com/invite/n6EdbFJ https://twitter.com/jsmasterypro https://instagram.com/javascriptmastery https://linkedin.com/company/javascriptmastery
Business Inquiries: contact@jsmastery.pro
Watch on YouTube ↗
(saves to browser)
Sign in to unlock AI tutor explanation · ⚡30
Playlist
Uploads from JavaScript Mastery · JavaScript Mastery · 2 of 60
1
▶
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
Learn Async/Await in This Real World Project
JavaScript Mastery
JavaScript Exercise | Learn JavaScript with Exercism | #0 Setup
JavaScript Mastery
JavaScript ES6 for Beginners
JavaScript Mastery
ES7 and ES8 New Features
JavaScript Mastery
Learn JSON in a Real World React App
JavaScript Mastery
How to Create PDFs With Node JS and React
JavaScript Mastery
Must Have Visual Studio Code Extensions
JavaScript Mastery
Top 10 JavaScript Array Methods
JavaScript Mastery
JavaScript Map and Set Explained
JavaScript Mastery
Git Commands Tutorial for Beginners
JavaScript Mastery
Build and Deploy a YouTube Clone Application Using React
JavaScript Mastery
React Hooks - Most Used Features
JavaScript Mastery
JavaScript Best Practices and Coding Conventions - Write Clean Code
JavaScript Mastery
Build and Deploy a Realtime Chat Application - Socket.io, Node.js, and React.js
JavaScript Mastery
How to Create and Deploy a Portfolio Site in less than 30 Minutes
JavaScript Mastery
SEO for Developers | 2020 SEO Tutorial
JavaScript Mastery
Web Development Roadmap 2020 [Learning Path] - Start Coding at Home!
JavaScript Mastery
Random Quote Generator - React Fetch API Data | Build and Deploy a Real Advice App Project
JavaScript Mastery
Build a COVID-19 Tracker Application - React JS Project (Hooks, Material UI, Charts js)
JavaScript Mastery
JavaScript ES2020 - The Most Requested Feature Explained in 10 Minutes
JavaScript Mastery
Modern React Event Handling Using Hooks
JavaScript Mastery
Deno JS - Intro + Real Life Example
JavaScript Mastery
Build and Deploy a React PWA - Why Progressive Web Apps are the Future of the Web
JavaScript Mastery
Build a REST API with Node JS and Express | CRUD API Tutorial
JavaScript Mastery
Build and Deploy an ARTIFICIAL INTELLIGENCE React App | Alan AI, JavaScript
JavaScript Mastery
Master Async JavaScript using Async/Await | Quokka JS
JavaScript Mastery
Spaced Repetition in Programming | mem.dev
JavaScript Mastery
Stop Copy & Pasting Code | mem.dev
JavaScript Mastery
GitHub Profile README | Create an Amazing Profile Readme | Setup + Templates
JavaScript Mastery
NEW GitHub CLI 1.0 is here! | GitHub CLI Tutorial - Demo & Commands
JavaScript Mastery
React Custom Hooks | Learn Custom Hooks & Build a Project
JavaScript Mastery
Learn how to deploy an NPM Package
JavaScript Mastery
JavaScript Algorithms for Beginners
JavaScript Mastery
Level UP your GitHub Game - Get Hired Quickly
JavaScript Mastery
The Best Way to Host & Deploy a React Application
JavaScript Mastery
Full Stack MERN Project - Build and Deploy an App | React + Redux, Node, Express, MongoDB [Part 1/2]
JavaScript Mastery
Full Stack MERN Project - Build and Deploy an App | React + Redux, Node, Express, MongoDB [Part 2/2]
JavaScript Mastery
ECommerce Web Shop - Build & Deploy an Amazing App | React.js, Commerce.js, Stripe
JavaScript Mastery
JavaScript Crash Course 2021 - Master JavaScript in One Video!
JavaScript Mastery
MERN Auth - Login with Email (JWT) + Google OAuth Authentication | React, Node, Express, MongoDB
JavaScript Mastery
Chat Application using React JS - Build and Deploy a Chat App in 1 Hour (Microsoft Teams)
JavaScript Mastery
MUST USE Websites & Tools for Web Developers
JavaScript Mastery
Learn Material UI in One Hour - React Material UI Project Tutorial [2022]
JavaScript Mastery
Shopify ECommerce Store with React & Next JS | BuilderIO
JavaScript Mastery
React Video Chat App | WebRTC Video Chat Zoom Clone | Tabnine
JavaScript Mastery
TypeScript Crash Course 2021
JavaScript Mastery
Build and Deploy a Premium Next JS React Website | Landing Page, Business Website, Portfolio
JavaScript Mastery
Full Stack MERN Project - Pagination & Search | React + Redux, Node, Express, MongoDB
JavaScript Mastery
Build a BETTER Facebook Messenger Chat Application | React JS, Firebase, Chat Engine
JavaScript Mastery
Build and Deploy THE PERFECT Portfolio Website | Create a Portfolio from Scratch
JavaScript Mastery
Full Stack MERN Project - Implement MERN Comments | React + Redux, Node, Express, MongoDB
JavaScript Mastery
Turn an API into a Startup?! Build & Sell an API with JavaScript
JavaScript Mastery
Exclusive First Look at GitHub Copilot - All you need to know
JavaScript Mastery
Build and Deploy a Google Maps Travel Companion Application | React.js
JavaScript Mastery
Build and Deploy a Full Stack Realtime Chat Messaging App with Authentication & SMS Notifications
JavaScript Mastery
Build and Deploy a React Cryptocurrency App and Master Redux Toolkit in One Video
JavaScript Mastery
Build and Deploy a Group Video Chat Application with Messaging, Polls & More
JavaScript Mastery
Build and Deploy Google Search 2.0 with React & Tailwind CSS (simple!)
JavaScript Mastery
Top 10 Web Development Chrome Extensions You Simply Need to Try!
JavaScript Mastery
Build and Deploy THE BEST Modern Blog App with React | GraphQL, NextJS, Tailwind CSS
JavaScript Mastery
More on: JavaScript Fundamentals
View skill →Related AI Lessons
⚡
⚡
⚡
⚡
Had my Frontend Developer interview with Capgemini (Application Developer) today, and I wanted to…
Medium · JavaScript
10 Frontend Developer Tools to Boost Productivity in 2026
Medium · Programming
10 Frontend Developer Tools to Boost Productivity in 2026
Medium · JavaScript
The US Frontend Engineer Market in 2026: A Data-Driven Reality Check (and the Bias That Stops Us Seeing It)
Dev.to AI
🎓
Tutor Explanation
DeepCamp AI