Skip to content

CodeWithCarrie/modular-javascript

Repository files navigation

Code with Carrie logo

Modular JavaScript: Building on the Fundamentals

Code examples (with demo videos!) and extra practice exercises for learners

badge linking to CodeWithCarrie's website JavaScript npm npm

Welcome!

I've created a completely new volume of demos and practice exercises for anyone looking to pick up the basics of programming in the context of JavaScript. In a field increasingly dominated by AI code generation, it is essential to have a firm grasp on the fundamentals in order to plan ahead, compose crystal-clear prompts, and recognize errors and poorly-formed code. The only way to build muscle is to exercise it, and learning programming is no different!

This collection of coding exercises focuses on JavaScript, Node and NPM modules, and Jest. While my JavaScript Fundamentals demos included Git commits, this collection and future collections will typically not cover that under the assumption that learners have developed the habit already.

Important

You need to deepen your problem-solving skills and core understanding of syntax and code composition independently before you can integrate AI tools in your workflow and become a more efficient developer. My learning resources are designed to do just that!


DEMOS & PRACTICE EXERCISES

If you are unfamiliar with the basics of JavaScript, I recommend starting with my JavaScript Fundamentals Series before continuing below.

Most topics include the following:

  • Demo video on YouTube at this full playlist on the @CodeWithCarrie channel
  • Starter and solution code for the demo
  • Starter and solution code for the corresponding hands-on practice

See the tables below for specific links for each topic.


SETUP

Tip

Please read my detailed instructions for how to fork, clone, and sync this repository.

Make sure you have npm and Node.js installed before continuing with any of the exercises below on your local machine.


1 - Classes

Topics Code Videos Length
Classes & Constructors classes-constructors Demo 6:46
Advanced Properties & Default Values advanced-properties Demo 5:26
Class Methods & Memory Scope class-methods Demo 5:57
Inheritance Basics inheritance-basics Demo 8:00
Deep Inheritance deep-inheritance Demo 6:07
Polymorphism polymorphism Demo 5:10
TOTAL 37:26

2 - Modules

Topics Code Videos Length
CommonJS Modules commonjs-modules Demo 5:00
ES Modules es-modules Demo 6:22
Node Core Modules node-core-modules Demo 8:24
NPM Modules npm-modules Demo 11:15
Using Modules with Classes modules-with-classes Demo 7:15
TOTAL 38:16

3 - Unit Testing

Topics Code Videos Length
Unit Testing Basics unit-testing-basics Demo 12:22
Test-Driven Development (TDD) tdd Demo 8:20
Designing Unit Tests designing-unit-tests Coming soon!
TOTAL

ABOUT THE AUTHOR

Caroline "Carrie" Jones

Front End Engineer and Lead Instructor at LaunchCode

@Carolista - CodeWithCarrie.com - LinkedIn

About

The next progression after the JavaScript Fundamentals Series

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors