inPace
All coursesكل الدورات

JavaScript: the full course

  • about 14 h of lessonsحوالي 14 ساعة من الدروس
  • 10 modulesوحدات · 29 lessonsدروس
  • Englishالإنجليزية

From your first line to a published web app. Variables, strings, conditions, arrays and loops (map, filter, reduce), functions, objects and JSON, classes and modules, the DOM and events, async with promises and fetch, errors, tests and publishing. You build Study Tasks step by step, with tests and a live link. The written lessons are the course; parts of freeCodeCamp's full JavaScript course are optional videos on top.

byمن إعداد inPace checkedموثّق

javascriptwebbeginnerprogrammingproject

On these roadmaps:ضمن هذه المسارات: Front-end web developer, Build inPace yourself

What's insideمحتوى الدورة

Each module ends with tasks. The next module opens when they're done.تنتهي كل وحدة بمهام، وتُفتح الوحدة التالية عند إنجازها.

  1. Start: running JavaScript and variables 3 lessonsدروس · 70 min د
    • Start here15 min د
    • Three ways to run JavaScriptYouTubeيوتيوب25 min د
    • Variables and typesYouTubeيوتيوب30 min د
    Practical taskمهمة عمليةExplain in your wordsاشرح بكلماتكQuizاختبار · 4 questionsأسئلة
  2. Numbers and strings 3 lessonsدروس · 75 min د
    • Math with numbersYouTubeيوتيوب25 min د
    • StringsYouTubeيوتيوب30 min د
    • Template literalsYouTubeيوتيوب20 min د
    Practical taskمهمة عمليةExplain in your wordsاشرح بكلماتكQuizاختبار · 4 questionsأسئلة
  3. Conditions and logic 2 lessonsدروس · 65 min د
    • if, else and comparisonsYouTubeيوتيوب35 min د
    • switch, ternary, ?? and ?.YouTubeيوتيوب30 min د
    Practical taskمهمة عمليةExplain in your wordsاشرح بكلماتكQuizاختبار · 4 questionsأسئلة
  4. Arrays and loops 3 lessonsدروس · 95 min د
    • ArraysYouTubeيوتيوب30 min د
    • Loops: for, while, for...ofYouTubeيوتيوب30 min د
    • map, filter, reduce35 min د
    Practical taskمهمة عمليةExplain in your wordsاشرح بكلماتكQuizاختبار · 4 questionsأسئلة
  5. Functions 3 lessonsدروس · 90 min د
    • Functions, parameters and returnYouTubeيوتيوب35 min د
    • Arrow functions, rest and spreadYouTubeيوتيوب30 min د
    • Writing good functionsYouTubeيوتيوب25 min د
    Practical taskمهمة عمليةExplain in your wordsاشرح بكلماتكQuizاختبار · 4 questionsأسئلة
  6. Objects and JSON 3 lessonsدروس · 80 min د
    • ObjectsYouTubeيوتيوب35 min د
    • Destructuring and spreadYouTubeيوتيوب25 min د
    • JSON20 min د
    Practical taskمهمة عمليةExplain in your wordsاشرح بكلماتكQuizاختبار · 4 questionsأسئلة
  7. let and const, classes and modules 3 lessonsدروس · 75 min د
    • var, let and constYouTubeيوتيوب20 min د
    • ClassesYouTubeيوتيوب30 min د
    • Modules: import and exportYouTubeيوتيوب25 min د
    Practical taskمهمة عمليةExplain in your wordsاشرح بكلماتكQuizاختبار · 4 questionsأسئلة
  8. The DOM and events: project step 1 3 lessonsدروس · 110 min د
    • The DOM: find and change the page35 min د
    • Events30 min د
    • Project step 1: the page and the logic45 min د
    Practical taskمهمة عمليةExplain in your wordsاشرح بكلماتكQuizاختبار · 4 questionsأسئلة
  9. Async: promises, fetch, storage: project step 2 3 lessonsدروس · 115 min د
    • The event loop and promises35 min د
    • async, await and fetch35 min د
    • Project step 2: connect, save, load a quote45 min د
    Practical taskمهمة عمليةExplain in your wordsاشرح بكلماتكQuizاختبار · 4 questionsأسئلة
  10. Errors, tests, tools and publishing: project step 3 3 lessonsدروس · 90 min د
    • Errors and debugging30 min د
    • Project step 3: tests and publishing45 min د
    • Where to go nextoptionalاختياري15 min د
    Practical taskمهمة عمليةExplain in your wordsاشرح بكلماتكQuizاختبار · 4 questionsأسئلة

Read a lesson firstاقرأ درسًا أولًا

Start here

JavaScript is the language of the web: every website runs it in the browser, and with Node.js it also runs servers, tools and apps. This course takes you from your first line to a real web app you build step by step and publish online.

Module What you learn
1 Running JavaScript, variables, types
2 Numbers, strings, template literals
3 Conditions and logic
4 Arrays and loops, map, filter, reduce
5 Functions, scope, arrow functions
6 Objects, destructuring, JSON
7 let and const, classes, modules
8 The DOM and events: project step 1
9 Async: promises, fetch, localStorage: project step 2
10 Errors, tests, tools, publishing: project step 3

Plan: about 10 weeks at 4 to 5 hours a week. The written lessons are the course. Some lessons have a part of freeCodeCamp's full JavaScript course on top as an optional video.

What you need

  • A browser (Chrome, Edge or Firefox).
  • Node.js LTS, to run files from the terminal.
  • VS Code, a free editor.

The project you build: Study Tasks, a small app to plan what you study, with a list you can tick, a total of minutes, saving in the browser, a quote loaded from the internet, tests, and a public link to put in your CV.

Licenseالرخصة: CC-BY-4.0 · Updatedآخر تحديث 2026-11-14

Written by inPace. Optional videos: freeCodeCamp.org, Learn JavaScript - Full Course for Beginners (Beau Carnes), on YouTube.

Add to inPaceأضف إلى inPace