|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/modern-javascript-from-the-beginning/
课程评论：没有评论
**课程名称**: Modern JavaScript From The Beginning 2.0 (2024) - 从零开始的现代 JavaScript (2024) **课程概述**: 本课程是一门时长超过36小时的深度JavaScript教程，将带领您从最基础的概念，如数据类型、函数和循环，一步步深入到DOM操作、异步JavaScript（Promises, async/await）以及更多高级主题。您将学习如何为算法编写单元测试，深入理解JavaScript的底层运行机制，包括执行上下文、调用栈、事件循环等。课程还将涵盖Webpack工具链，教会您如何构建现代化的开发环境。最终，您将构建一个Node.js/Express API，并搭配一个自定义的Webpack前端。 为保持代码整洁和方便回顾，课程中的学习模块代码将统一存放在名为“JavaScript Sandbox”的文件夹中。所有项目的最终代码和起始代码都将提供，并附有GitHub仓库链接。 **课程将学习的内容**: * **基础与核心概念**: 数据类型、`let`与`const`变量、函数、条件语句、循环、对象字面量等。 * **数据结构**: 数组、对象、Map、Set，以及自定义数据结构如栈和队列。 * **DOM 操作**: 选择器、DOM遍历、显示/隐藏元素、创建与删除元素、事件监听器。 * **面向对象编程 (OOP)**: 构造函数、原型、继承、类、保护属性、getter/setter。 * **异步 JavaScript**: Ajax & XHR、Fetch API、回调函数、Promises、async/await。 * **错误处理**: `try...catch`、HTTP错误。 * **Web 与浏览器 API**: Canvas、地理定位、音频/视频、Web Animations API。 * **模块与工具链**: CommonJS & ES Modules、Webpack、插件、加载器、现代开发环境与工作流程。 * **算法单元测试**: 学习Jest测试库，并实践回文、异位词等算法。 * **Node.js & Express**: 学习Node模块、NPM包，并使用Express和MongoDB构建RESTful API。 * **全栈开发**: 构建一个Express API，并使用Webpack开发前端。本项目不使用前端框架。 * **更多精彩内容**！ **课程项目与小型项目**: 购物清单, Flix电影应用, Tracalorie OOP项目, Tracalorie Webpack重构项目, 随机名人名言生成器, 随机想法全栈应用 (API & 前端), Webpack起始项目, Keycode迷你项目, 随机用户生成器, 音乐播放器, 视频播放器, 鼓机, 个人资料滚动器, 投票应用, 笑话生成器, 球体动画, 动画时钟, Typicode Todos, 文本转语音。
This is a 36+ hour in-depth course that will take you from the absolute beginning of JavaScript, learning about data types, functions and loops to learning DOM manipulation, asynchronous JS with promises, async/await and much more. You will even learn how to write unit tests for algorithms. We go into how JavaScript works under the hood including execution context, the call stack, event loop, etc. We learn about Webpack tooling and how to create a modern development environment. At the end, we build a Node.js/Express API with a custom Webpack frontend.All of the code in the learning modules will go into a folder called "JavaScript Sandbox". This is so we can keep things organized and you can always refer back to it for any code snippets that you may need. All of the final and starter code for the projects is included as well as links to the GitHub Repos.WHAT YOU WILL LEARNBasics & Fundamentals: Data types, let & const variables, functions, conditionals, loops, object literals, etcData Structures - Arrays, objects, maps, sets as well as custom data structures like stacks and queuesDOM Manipulation - Selectors, traversing the DOM, show/hide, creating & removing elements, event listenersOOP - Constructor functions, prototypes, inheritance, classes, protected properties, getters/settersAsync JS - Ajax & XHR, Fetch API, callbacks, promises, async / awaitError Handling - Try...Catch, HTTP errorsWeb & Browser APIs - Canvas, geolocation, audio/video, web animations APIModules & Tooling - CommonJS & ES Modules, Webpack, plugins, loaders, modern dev environment & workflowUnit Testing Algorithms - Learn the Jest testing library and algorithms like palindromes and anagramsNode.js & Express - Learn about Node modules, NPM packages and build a REST API with Express & MongoDBFull Stack Development - We build an API with Express and a frontend with Webpack. No frontend frameworks!So So Much More!COURSE PROJECTS & MINI-PROJECTSShopping ListFlix Movie AppTracalorie OOP ProjectTracalorie Webpack RefactorChuck Norris Joke GeneratorRandomIdeas Full Stack APP - API & FrontendWebpack Starter ProjectKeycode Mini-ProjectRandom User GeneratorMusic PlayerVideo PlayerDrum MachineProfile ScrollerPolling AppJoke GeneratorBall AnimationAnimated ClockTypicode TodosText To Speech
