JavaScript Exercise | Learn JavaScript with Exercism | #0 Setup

JavaScript Mastery · Beginner ·🌐 Frontend Engineering ·7y ago

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 Learn Async/Await in This Real World Project
Learn Async/Await in This Real World Project
JavaScript Mastery
JavaScript Exercise | Learn JavaScript with Exercism | #0 Setup
JavaScript Exercise | Learn JavaScript with Exercism | #0 Setup
JavaScript Mastery
3 JavaScript ES6 for Beginners
JavaScript ES6 for Beginners
JavaScript Mastery
4 ES7 and ES8 New Features
ES7 and ES8 New Features
JavaScript Mastery
5 Learn JSON in a Real World React App
Learn JSON in a Real World React App
JavaScript Mastery
6 How to Create PDFs With Node JS and React
How to Create PDFs With Node JS and React
JavaScript Mastery
7 Must Have Visual Studio Code Extensions
Must Have Visual Studio Code Extensions
JavaScript Mastery
8 Top 10 JavaScript Array Methods
Top 10 JavaScript Array Methods
JavaScript Mastery
9 JavaScript Map and Set Explained
JavaScript Map and Set Explained
JavaScript Mastery
10 Git Commands Tutorial for Beginners
Git Commands Tutorial for Beginners
JavaScript Mastery
11 Build and Deploy a YouTube Clone Application Using React
Build and Deploy a YouTube Clone Application Using React
JavaScript Mastery
12 React Hooks - Most Used Features
React Hooks - Most Used Features
JavaScript Mastery
13 JavaScript Best Practices and Coding Conventions - Write Clean Code
JavaScript Best Practices and Coding Conventions - Write Clean Code
JavaScript Mastery
14 Build and Deploy a Realtime Chat Application - Socket.io, Node.js, and React.js
Build and Deploy a Realtime Chat Application - Socket.io, Node.js, and React.js
JavaScript Mastery
15 How to Create and Deploy a Portfolio Site in less than 30 Minutes
How to Create and Deploy a Portfolio Site in less than 30 Minutes
JavaScript Mastery
16 SEO for Developers | 2020 SEO Tutorial
SEO for Developers | 2020 SEO Tutorial
JavaScript Mastery
17 Web Development Roadmap 2020 [Learning Path] - Start Coding at Home!
Web Development Roadmap 2020 [Learning Path] - Start Coding at Home!
JavaScript Mastery
18 Random Quote Generator - React Fetch API Data | Build and Deploy a Real Advice App Project
Random Quote Generator - React Fetch API Data | Build and Deploy a Real Advice App Project
JavaScript Mastery
19 Build a COVID-19 Tracker Application - React JS Project (Hooks, Material UI, Charts js)
Build a COVID-19 Tracker Application - React JS Project (Hooks, Material UI, Charts js)
JavaScript Mastery
20 JavaScript ES2020 - The Most Requested Feature Explained in 10 Minutes
JavaScript ES2020 - The Most Requested Feature Explained in 10 Minutes
JavaScript Mastery
21 Modern React Event Handling Using Hooks
Modern React Event Handling Using Hooks
JavaScript Mastery
22 Deno JS - Intro +  Real Life Example
Deno JS - Intro + Real Life Example
JavaScript Mastery
23 Build and Deploy a React PWA - Why Progressive Web Apps are the Future of the Web
Build and Deploy a React PWA - Why Progressive Web Apps are the Future of the Web
JavaScript Mastery
24 Build a REST API with Node JS and Express | CRUD API Tutorial
Build a REST API with Node JS and Express | CRUD API Tutorial
JavaScript Mastery
25 Build and Deploy an ARTIFICIAL INTELLIGENCE React App | Alan AI, JavaScript
Build and Deploy an ARTIFICIAL INTELLIGENCE React App | Alan AI, JavaScript
JavaScript Mastery
26 Master Async JavaScript using Async/Await | Quokka JS
Master Async JavaScript using Async/Await | Quokka JS
JavaScript Mastery
27 Spaced Repetition in Programming | mem.dev
Spaced Repetition in Programming | mem.dev
JavaScript Mastery
28 Stop Copy & Pasting Code | mem.dev
Stop Copy & Pasting Code | mem.dev
JavaScript Mastery
29 GitHub Profile README | Create an Amazing Profile Readme | Setup + Templates
GitHub Profile README | Create an Amazing Profile Readme | Setup + Templates
JavaScript Mastery
30 NEW GitHub CLI 1.0 is here! | GitHub CLI Tutorial - Demo & Commands
NEW GitHub CLI 1.0 is here! | GitHub CLI Tutorial - Demo & Commands
JavaScript Mastery
31 React Custom Hooks | Learn Custom Hooks & Build a Project
React Custom Hooks | Learn Custom Hooks & Build a Project
JavaScript Mastery
32 Learn how to deploy an NPM Package
Learn how to deploy an NPM Package
JavaScript Mastery
33 JavaScript Algorithms for Beginners
JavaScript Algorithms for Beginners
JavaScript Mastery
34 Level UP your GitHub Game - Get Hired Quickly
Level UP your GitHub Game - Get Hired Quickly
JavaScript Mastery
35 The Best Way to Host & Deploy a React Application
The Best Way to Host & Deploy a React Application
JavaScript Mastery
36 Full Stack MERN Project - Build and Deploy an App | React + Redux, Node, Express, MongoDB [Part 1/2]
Full Stack MERN Project - Build and Deploy an App | React + Redux, Node, Express, MongoDB [Part 1/2]
JavaScript Mastery
37 Full Stack MERN Project - Build and Deploy an App | React + Redux, Node, Express, MongoDB [Part 2/2]
Full Stack MERN Project - Build and Deploy an App | React + Redux, Node, Express, MongoDB [Part 2/2]
JavaScript Mastery
38 ECommerce Web Shop - Build & Deploy an Amazing App | React.js, Commerce.js, Stripe
ECommerce Web Shop - Build & Deploy an Amazing App | React.js, Commerce.js, Stripe
JavaScript Mastery
39 JavaScript Crash Course 2021 - Master JavaScript in One Video!
JavaScript Crash Course 2021 - Master JavaScript in One Video!
JavaScript Mastery
40 MERN Auth - Login with Email (JWT) + Google OAuth Authentication | React, Node, Express, MongoDB
MERN Auth - Login with Email (JWT) + Google OAuth Authentication | React, Node, Express, MongoDB
JavaScript Mastery
41 Chat Application using React JS - Build and Deploy a Chat App in 1 Hour (Microsoft Teams)
Chat Application using React JS - Build and Deploy a Chat App in 1 Hour (Microsoft Teams)
JavaScript Mastery
42 MUST USE Websites & Tools for Web Developers
MUST USE Websites & Tools for Web Developers
JavaScript Mastery
43 Learn Material UI in One Hour - React Material UI Project Tutorial [2022]
Learn Material UI in One Hour - React Material UI Project Tutorial [2022]
JavaScript Mastery
44 Shopify ECommerce Store with React & Next JS | BuilderIO
Shopify ECommerce Store with React & Next JS | BuilderIO
JavaScript Mastery
45 React Video Chat App | WebRTC Video Chat Zoom Clone | Tabnine
React Video Chat App | WebRTC Video Chat Zoom Clone | Tabnine
JavaScript Mastery
46 TypeScript Crash Course 2021
TypeScript Crash Course 2021
JavaScript Mastery
47 Build and Deploy a Premium Next JS React Website | Landing Page, Business Website, Portfolio
Build and Deploy a Premium Next JS React Website | Landing Page, Business Website, Portfolio
JavaScript Mastery
48 Full Stack MERN Project - Pagination & Search | React + Redux, Node, Express, MongoDB
Full Stack MERN Project - Pagination & Search | React + Redux, Node, Express, MongoDB
JavaScript Mastery
49 Build a BETTER Facebook Messenger Chat Application | React JS, Firebase, Chat Engine
Build a BETTER Facebook Messenger Chat Application | React JS, Firebase, Chat Engine
JavaScript Mastery
50 Build and Deploy THE PERFECT Portfolio Website | Create a Portfolio from Scratch
Build and Deploy THE PERFECT Portfolio Website | Create a Portfolio from Scratch
JavaScript Mastery
51 Full Stack MERN Project - Implement MERN Comments | React + Redux, Node, Express, MongoDB
Full Stack MERN Project - Implement MERN Comments | React + Redux, Node, Express, MongoDB
JavaScript Mastery
52 Turn an API into a Startup?! Build & Sell an API with JavaScript
Turn an API into a Startup?! Build & Sell an API with JavaScript
JavaScript Mastery
53 Exclusive First Look at GitHub Copilot - All you need to know
Exclusive First Look at GitHub Copilot - All you need to know
JavaScript Mastery
54 Build and Deploy a Google Maps Travel Companion Application | React.js
Build and Deploy a Google Maps Travel Companion Application | React.js
JavaScript Mastery
55 Build and Deploy a Full Stack Realtime Chat Messaging App with Authentication & SMS Notifications
Build and Deploy a Full Stack Realtime Chat Messaging App with Authentication & SMS Notifications
JavaScript Mastery
56 Build and Deploy a React Cryptocurrency App and Master Redux Toolkit in One Video
Build and Deploy a React Cryptocurrency App and Master Redux Toolkit in One Video
JavaScript Mastery
57 Build and Deploy a Group Video Chat Application with Messaging, Polls & More
Build and Deploy a Group Video Chat Application with Messaging, Polls & More
JavaScript Mastery
58 Build and Deploy Google Search 2.0 with React & Tailwind CSS (simple!)
Build and Deploy Google Search 2.0 with React & Tailwind CSS (simple!)
JavaScript Mastery
59 Top 10 Web Development Chrome Extensions You Simply Need to Try!
Top 10 Web Development Chrome Extensions You Simply Need to Try!
JavaScript Mastery
60 Build and Deploy THE BEST Modern Blog App with React | GraphQL, NextJS, Tailwind CSS
Build and Deploy THE BEST Modern Blog App with React | GraphQL, NextJS, Tailwind CSS
JavaScript Mastery

This video series teaches JavaScript using Exercism, starting with basic setup and exercises, and progressing to advanced topics, with the goal of preparing viewers for JavaScript interviews.

Key Takeaways
  1. Sign up for Exercism
  2. Install Exercism CLI
  3. Configure Exercism CLI
  4. Start with the 'Hello World' exercise
  5. Run npm install and npm test
  6. Submit exercises using Exercism submit
💡 Exercism provides a platform for learning JavaScript through interactive coding exercises, with features like automated testing and mentor feedback.

Related AI Lessons

Had my Frontend Developer interview with Capgemini (Application Developer) today, and I wanted to…
Prepare for a frontend developer interview with Capgemini by reviewing JavaScript fundamentals and practicing common interview questions
Medium · JavaScript
10 Frontend Developer Tools to Boost Productivity in 2026
Boost frontend productivity with 10 essential tools for modern web app development
Medium · Programming
10 Frontend Developer Tools to Boost Productivity in 2026
Boost frontend productivity with top 10 developer tools in 2026
Medium · JavaScript
The US Frontend Engineer Market in 2026: A Data-Driven Reality Check (and the Bias That Stops Us Seeing It)
US frontend engineer hiring demand peaked in 2022 and remains flat-depressed in 2026, contrary to common assumptions
Dev.to AI
Up next
The masks we wear | Zora Krstić | TEDxLuxembourgCity
TEDx Talks
Watch →