CF

Conquer JavaScript by Building Your Own Framework from Scratch

1h 18m 15s
English
Paid

Understand how JavaScript works at a deeper level, enhance your JavaScript skills, and build an impressive portfolio project with this project-based course! Have you ever heard of Jiggle.js? You'll create it from scratch, and it's your very own framework! Immerse yourself in this unique project that will make your portfolio truly stand out.

Course Objectives

By the end of this course, you will:

  • Grasp core JavaScript concepts with hands-on experience.
  • Design and build a custom JavaScript framework.
  • Enhance your problem-solving skills in JavaScript development.
  • Create a standout portfolio project with Jiggle.js.

Why Build Your Own Framework?

Developing your own JavaScript framework gives you:

  • Deeper understanding of how frameworks function.
  • The ability to customize and optimize code for specific needs.
  • Valuable experience in handling complex coding challenges.

Course Structure and Content

Module 1: Introduction to JavaScript Frameworks

Explore the role of frameworks and why they are essential in modern web development.

Module 2: Core JavaScript Concepts

Review and solidify your understanding of JavaScript's fundamental concepts.

Module 3: Building Your Framework

Step-by-step guidance to create Jiggle.js, developing core components and adding features.

Module 4: Testing and Optimization

Learn techniques to test and optimize your framework for efficiency and performance.

Who Should Enroll?

This course is designed for:

  • JavaScript developers looking to gain a deeper understanding of frameworks.
  • Programmers eager to expand their skill set.
  • Individuals wanting to enhance their portfolio with a unique project.

Prerequisites

Before enrolling, ensure you have:

  • A solid understanding of JavaScript basics.
  • Experience with web development practices.

Get Started

Ready to build Jiggle.js and elevate your JavaScript skills? Enroll today and start your journey to mastering JavaScript frameworks!

Additional

https://github.com/tuomaskivioja/javascript-framework

About the Author: Zero To Mastery

Zero To Mastery thumbnail

Zero To Mastery (ZTM) is a Toronto-based online coding academy founded by Andrei Neagoie, originally a senior developer at large Canadian tech firms before turning to teaching full-time. The academy's signature is the cohort-based bootcamp track combined with a deep self-paced course library, all aimed at career-changers and self-taught developers preparing to land software-engineering roles at top companies.

The instructor roster has grown well beyond Andrei to include other senior practitioners: Daniel Bourke (machine learning), Aleksa Tešić (DevOps), Jacinto Wong, and others. Courses cover the full software-engineering career path: web development with React and Next.js, Python, machine learning and deep learning, DevOps and cloud, system design, mobile, and the algorithm / data-structure interview prep that gates engineering jobs.

The CourseFlix listing under this source carries over 120 ZTM courses spanning that full range. Material is paid; ZTM itself runs on a monthly / annual membership model. The teaching style favours long-form, project-based courses where students build complete portfolio-quality applications rather than disconnected feature tutorials.

Watch Online 11 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 11 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction
All Course Lessons (11)
#Lesson TitleDurationAccess
1
Introduction Demo
02:42
2
What is a Framework?
08:00
3
Why use a Framework?
09:08
4
Getting Started wtih Jiggle.js
06:01
5
State Management - Part 1
05:34
6
State Management - Part 2
10:44
7
Getting Started with our Weather App
09:35
8
Implement a Reactive State Management System
05:30
9
track Function
05:51
10
createEffect Function
04:25
11
trigger Function
10:45
Unlock unlimited learning

Get instant access to all 10 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Related courses

Frequently asked questions

What are the prerequisites for this course?
This course is designed for JavaScript developers who have a basic understanding of JavaScript concepts. A familiarity with JavaScript frameworks is beneficial, but not required. The course will cover core JavaScript concepts, providing a review and solidification of fundamental knowledge.
What will I build in this course?
You will design and build your own JavaScript framework called Jiggle.js. This project involves developing core components, adding features, and creating a standout portfolio project. The course includes practical exercises such as implementing a reactive state management system and building a weather app.
Who is the target audience for this course?
The course is intended for JavaScript developers who are interested in deepening their understanding of frameworks and enhancing their problem-solving skills. It is ideal for those looking to customize and optimize code for specific needs and for developers aiming to create impressive portfolio projects.
How does this course compare to other JavaScript courses?
Unlike many JavaScript courses that focus solely on using existing frameworks, this course provides a unique opportunity to build your own framework from scratch. It offers a deeper understanding of how frameworks function, which is valuable for handling complex coding challenges and customizing solutions.
What platforms or tools will I use in this course?
The course focuses on building and optimizing the custom framework Jiggle.js using JavaScript. You will learn to implement features like a reactive state management system with functions such as track, createEffect, and trigger, which are essential for developing your framework.
What topics are not covered in this course?
This course does not cover advanced backend development or deployment strategies for full-stack applications. The focus remains on understanding core JavaScript concepts and building the Jiggle.js framework, with an emphasis on frontend development and framework customization.
What is the time commitment for this course?
The course consists of 11 lessons, covering topics from an introduction to frameworks to testing and optimization of the Jiggle.js framework. While the total runtime is not specified, the structure suggests a comprehensive engagement with each module, requiring a significant time commitment to complete hands-on projects and exercises.