awesome-repositories.com
博客
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目关于排名机制媒体报道MCP 服务器
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
wesbos avatar

wesbos/beginner-javascript

0
View on GitHub↗
6,771 星标·1,654 分支·HTML·9 次浏览BeginnerJavaScript.com↗

Beginner Javascript

This is a video course that teaches JavaScript from scratch, covering fundamentals like variables, functions, scope, closures, and data types through 88+ lessons organized into 15 modules. The course uses a live-coding pedagogy where students code alongside pre-recorded video lessons, with each lesson providing starter and solution files for self-paced practice.

The curriculum focuses on browser-native APIs, teaching DOM manipulation, event handling, and data fetching without external frameworks. Students build real-world projects like image galleries, drawing tools, and audio visualizers through 30+ hands-on exercises that reinforce concepts through progressive complexity scaffolding.

The course covers program flow control, working with data types and structures, managing application state with local storage, and organizing code with ES modules bundled through build tools. It also includes practice with asynchronous HTTP requests to fetch data from external APIs.

Features

  • JavaScript Fundamentals Courses - Teaches core JavaScript concepts including variables, functions, scope, closures, and data types through structured video modules and exercises.
  • JavaScript Learning Modules - Teaches core JavaScript concepts through 88+ videos, 30+ exercises, and 15 modules covering basics to advanced topics.
  • Guided Project Tutorials - Guides learners through building real-world applications like image galleries, sliders, modals, and drawing tools.
  • Guided Project Tutorials - Builds real-world projects like an Etch-a-Sketch, image gallery, audio visualizer, and face detection app.
  • Curriculum Modules - Organizes 88+ videos into 15 sequential modules covering fundamentals through advanced topics.
  • Video-Based Lessons - Teaches by having students code alongside pre-recorded video lessons with matching starter and solution files.
  • Video Courses - Uses starter files and solution code for each lesson to code alongside the instructor.
  • Hands-on Projects - Reinforces concepts through 30+ hands-on exercises building real-world projects like image galleries and drawing tools.
  • Free JavaScript Courses - Provides an interactive video course teaching JavaScript fundamentals through 88+ lessons, exercises, and real-world projects.
  • Complexity Progression - Introduces concepts from variables and functions to closures and modules in a carefully ordered learning path.
  • JavaScript Data Types and Structures - Teaches using strings, numbers, objects, arrays, maps, and their methods for storing and transforming data.
  • Browser Event Listeners - Listens for user interactions, manages event propagation, and prevents default behaviors on form and keyboard events.
  • Browser APIs - Teaches DOM manipulation, event handling, and data fetching using built-in browser APIs without external frameworks.
  • DOM & Event Handling - Teaches selecting, creating, modifying HTML elements and handling user interactions, event propagation, and form events.
  • DOM Manipulation - Teaches selecting, creating, modifying, and removing HTML elements using native browser DOM methods.
  • DOM Manipulation Guides - Provides a hands-on tutorial covering selecting, creating, and modifying HTML elements using the Document Object Model.
  • Event Handling - Provides a practical guide to listening for user interactions, managing event propagation, and handling form and keyboard events.
  • Application State Management - Stores and retrieves data using local storage, custom events, and delegation for persistent user interfaces.
  • Asynchronous Data Fetching - Includes practice with asynchronous HTTP requests to fetch data from external APIs using Ajax and fetch.
  • Module Organization - Structures larger apps using ES modules, bundles them with Parcel, and manages dependencies with npm packages.
  • Exercise-Solution Pairings - Each lesson provides a starting code file and a completed solution file for self-paced practice and verification.
  • Async HTTP Request Exercises - Provides practice exercises for making asynchronous HTTP requests and fetching data from external APIs using fetch and AJAX.
  • External API Data Fetching - Fetches data from external services like dad jokes and currency converters using AJAX and APIs.
  • Execution Flow Control - Uses conditionals, loops, intervals, timers, and array iteration methods like forEach, map, filter, and reduce.
  • ES Module Bundling - Teaches organizing JavaScript into reusable ES modules and bundling them with build tools like Parcel.
  • ES Module Isolation - Organizes JavaScript into reusable ES modules and bundles them with build tools for larger applications.
  • ES Module Bundling Workshops - Provides a workshop on organizing JavaScript code into reusable ES modules and bundling them with build tools like Parcel.

Star 历史

wesbos/beginner-javascript 的 Star 历史图表wesbos/beginner-javascript 的 Star 历史图表

AI 搜索

探索更多 awesome 仓库

用简单的语言描述您的需求 —— AI 将根据相关性为您从数千个精选开源项目中进行排序。

Start searching with AI

Beginner Javascript 的开源替代方案

相似的开源项目,按与 Beginner Javascript 的功能重合度排序。
  • jonasschmedtmann/complete-javascript-coursejonasschmedtmann 的头像

    jonasschmedtmann/complete-javascript-course

    17,154在 GitHub 上查看↗

    This project is a JavaScript educational resource and frontend web development course. It provides a collection of starter files and final projects designed to teach the JavaScript programming language through practical application. The material functions as a project portfolio and implementation guide, demonstrating how to build interactive user interfaces using the document object model. It focuses on event handling, object oriented programming, and the integration of native browser features. The course covers a range of capability areas, including asynchronous data fetching, client-side a

    JavaScriptjavascript-coursestarter-filesudemy
    在 GitHub 上查看↗17,154
  • asabeneh/30-days-of-javascriptAsabeneh 的头像

    Asabeneh/30-Days-Of-JavaScript

    46,479在 GitHub 上查看↗

    This project is a structured educational resource designed to guide developers through the mastery of the JavaScript programming language. It utilizes a progressive curriculum that organizes technical concepts into a daily learning path, allowing students to build foundational knowledge before advancing to complex application development. The resource distinguishes itself through a hands-on training model that combines detailed explanations with practical code challenges. By focusing on an interactive learning experience, it reinforces core language principles—such as data types, functional p

    JavaScript30daysofjavascriptangularchallenge
    在 GitHub 上查看↗46,479
  • sadanandpai/javascript-code-challengessadanandpai 的头像

    sadanandpai/javascript-code-challenges

    4,451在 GitHub 上查看↗

    This repository is a collection of JavaScript coding challenges and a comprehensive interview guide. It provides reference implementations and educational examples designed to help developers master language fundamentals and prepare for technical interviews. The project covers a wide array of specialized implementations, including functional programming patterns like currying and partial application, as well as asynchronous patterns for concurrency control. It also includes practical examples of Document Object Model manipulation and the implementation of common data structures such as stacks

    MDXchallengescoding-interviewfrontend
    在 GitHub 上查看↗4,451
  • javascript-tutorial/ru.javascript.infojavascript-tutorial 的头像

    javascript-tutorial/ru.javascript.info

    4,057在 GitHub 上查看↗

    This project is a comprehensive JavaScript programming tutorial and frontend web development curriculum. It serves as a structured educational resource for learning the JavaScript language, ranging from basic syntax to advanced asynchronous patterns and modern programming techniques. The resource functions as a frontend engineering textbook and CSS layout guide, providing detailed instructional material on building responsive user interfaces. It covers the design of custom web components and the application of styles and positioning to create effective frontend interfaces. The curriculum enc

    HTMLjavascriptrussiantutorial
    在 GitHub 上查看↗4,057
查看 Beginner Javascript 的所有 30 个替代方案→

常见问题解答

wesbos/beginner-javascript 是做什么的?

This is a video course that teaches JavaScript from scratch, covering fundamentals like variables, functions, scope, closures, and data types through 88+ lessons organized into 15 modules. The course uses a live-coding pedagogy where students code alongside pre-recorded video lessons, with each lesson providing starter and solution files for self-paced practice.

wesbos/beginner-javascript 的主要功能有哪些?

wesbos/beginner-javascript 的主要功能包括:JavaScript Fundamentals Courses, JavaScript Learning Modules, Guided Project Tutorials, Curriculum Modules, Video-Based Lessons, Video Courses, Hands-on Projects, Free JavaScript Courses。

wesbos/beginner-javascript 有哪些开源替代品?

wesbos/beginner-javascript 的开源替代品包括: jonasschmedtmann/complete-javascript-course — This project is a JavaScript educational resource and frontend web development course. It provides a collection of… asabeneh/30-days-of-javascript — This project is a structured educational resource designed to guide developers through the mastery of the JavaScript… sadanandpai/javascript-code-challenges — This repository is a collection of JavaScript coding challenges and a comprehensive interview guide. It provides… javascript-tutorial/ru.javascript.info — This project is a comprehensive JavaScript programming tutorial and frontend web development curriculum. It serves as… nixzhu/dev-blog — This project is a comprehensive framework for iOS application development, centered on building mobile applications… facebook/react — React is a JavaScript library for building user interfaces based on a component-driven architecture and unidirectional…