Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

JavaScript Programming - Full Course

via freeCodeCamp

Overview

Master JavaScript programming through an extensive 8-hour course that covers over 100 coding challenges. Begin with the basics of variables, mathematical operations, and functions, then progress to more advanced topics like DOM manipulation, arrays, loops, and object-oriented programming. Build practical projects including a passenger counter app, a Blackjack game, and a Chrome extension. Explore key concepts such as conditional statements, logical operators, and localStorage. Gain hands-on experience with event listeners, template strings, and API integration. Perfect for beginners and intermediate learners alike, this comprehensive curriculum provides a solid foundation in JavaScript development through interactive coding exercises and real-world applications.

Syllabus

Intro.
Passenger counter app.
Setting up file.
Create variable.
Mathematical operations.
Reassigning & incrementing.
Adding button.
onclick event listener.
Using functions to write less code.
First function.
Function that logs sum.
Function that increments.
Increment on clicks.
Display count.
Document Object Model.
Display count w/ innerText.
Create save button.
What is string?.
First string variable.
Log greeting to console.
Strings vs. Numbers.
Render welcome message.
Improve message w/ string concatenation.
Use plus equal for count.
Create save feature.
Debugging online.
Set count to 0.
Recap.
Variables practice.
Concatenate strings.
Incrementing & decrementing.
Strings & numbers.
Rendering error message.
Calculator challenge.
Build Blackjack game.
Add firstCard, secondCard, & sum.
If...else conditionals.
if...else statement.
if/else...if/else statement.
if...else statement for our game.
hasBlackJack variable.
isAlive variable.
Practice boolean conditions.
Add message variable.
Link stylesheet.
Add basic styling.
Make start button work.
Display message.
Display sum.
Display cards.
New card button.
Add to sum when newCard is clicked.
Rename startGame function.
Solving our cards problem w/ array.
Arrays intro.
Array indexes.
Arrays w/ multiple data types.
Adding & removing items from arrays.
Creating cards array.
Push new card to array.
Counting.
Loops.
For loops & arrays.
First array-based for loop.
For loops, arrays, & DOM.
Use loop to render cards.
Avoid hard-coding values.
Returning values.
Use function to set card values.
Generating random numbers w/ Math.random().
Math.random() * 6.
Flooring number w/ Math.floor().
Create dice.
Completing dice function.
Make getRandomCard() work.
getRandomNumber function.
Assign values in startGame function.
Card feature is broken.
Logical AND operator.
Logical operators.
logical OR operator.
Only trigger newCard() if you're allowed to.
Object sneak peek.
Objects.
Create first object.
Store player data.
Methods on object.
Recap.
Objects & functions.
if else.
Loops & arrays.
push, pop, unshift, shift challenge.
Logical operators.
Rock papers scissors.
Sorting fruits.
Build Chrome Extension.
Add button & input tag.
Style button & input tag.
Make input button work w/ onclick.
Refactor to addEventListener.
addEventListener().
Refactoring.
Create myLeads array & inputEl.
Using let & const.
Push to myLeads array.
Push value from input field.
Use for loop to log out leads.
Create unordered list.
Render leads in unordered list.
How to render li elements w/ innerHTML.
innerHTML.
More innerHTML practice.
Render li elements w/ innerHTML.
Use createElement() & append() instead of innerHTML.
Improving performance of our app.
Create render function.
Clear input field.
Add a tag.
Template strings.
Write template string.
Make template string more dynamic.
Template strings on multiple lines.
Refactor app to use template string.
Style list.
Preparing deployment.
Deploying Chrome Extension.
What is localStorage?.
First localStorage.
Storing arrays in localStorage.
Save leads.
Get leads.
Truthy & falsy values.
Guess expression: truthy or falsy?.
Checking localStorage before rendering.
Style delete button.
Make delete button work.
How function parameters can improve our code.
Write function parameter.
Functions w/ multiple params.
Numbers as function params.
Arguments vs Params.
Arrays as params.
Refactor renderLeads() to use parameter.
Create tabBtn.
Save tab url.
Get current tab.
Use Chrome API to get tab.
Deploy final version.
Recap.
Practice.
Outro.

Taught by

freeCodeCamp.org

Reviews

5.0 rating, based on 1 Class Central review

Start your review of JavaScript Programming - Full Course

  • Profile image for Nikhilesh Goswami
    Nikhilesh Goswami
    I would rate the JavaScript Programming Full Course by freeCodeCamp highly. This course provides a comprehensive introduction to JavaScript, covering essential topics from basic syntax to more advanced concepts like asynchronous programming and APIs. The explanations are clear, and the pace is suitable for beginners. Additionally, the practical coding exercises help reinforce the concepts learned. Overall, it's an excellent resource for anyone looking to build a strong foundation in JavaScript programming.

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.