|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/professional-javascript-course/
课程评论：没有评论
**课程名称：** Professional JavaScript (Beginner to Advanced!) **课程概述：** 本课程是学习现代 JavaScript (ES6+) 的首选资源。通过从零开始构建精美的现实世界项目（2个初学者项目、1个中级项目和1个高级项目），将您的 JavaScript 技能提升到高级、专业的水平。与其他课程不同，本课程直接从 ES6+ 的现代概念（如 const/let 和箭头函数）开始讲解，而不是过时的 ES5 及更早版本。 **课程项目：** * **初学者项目 (2个)：** * Fancy Counter：构建一个实用的计数器应用。 * Word Analytics：构建一个简洁的单词分析应用。 * **中级项目 (1个)：** * CorpComment：构建一个精美的公共反馈工具。 * **高级项目 (1个)：** * rmtDev：构建一个用于远程开发者职位的时尚职位列表。 **您将学到：** 1. **在2024年编写JavaScript：** 通过从零开始构建实际项目，了解其运作机制。 2. **避免初学者错误：** 学习最佳实践，让您的代码易于他人理解和交互。 3. **精通JavaScript/编程基础：** 掌握 var/let/const、函数、对象与数组等核心概念。 4. **关键最佳实践：** 学习像 async/await 这样的每个 JavaScript 开发者都应了解的最佳实践。 5. **API交互：** 学习如何使用 fetch() 规范地与API通信。 6. **现代JavaScript特性：** 掌握箭头函数、解构赋值、展开运算符等关键新增特性。 7. **框架基础：** 轻松学习 React/Angular/Vue 或 Node.js，因为这些框架中经常使用本课程掌握的概念。 8. **无框架Web应用开发：** 构建现代 Web 应用，理解人们使用 React 的原因。 9. **JavaScript构建流程：** 实现一个简单的 JS 构建流程，使用 webpack 和 Babel。 10. **额外收获：** 在学习过程中，您的设计、HTML 和 CSS 技能也会自然而然地得到提升。 **具体学习概念（不分先后）：** * JavaScript的定义与应用 * 如何在HTML文件中包含JS ('defer') * var, let, const 的使用与区别 (`let` vs `const`) * 数据类型与结构精通 (数组、对象等) * 函数精通 (传统函数 vs 箭头函数) * 模版字面量 (``) * 三元运算符 (?:) * HTML操作 (DOM操作)：querySelector(), 获取用户输入, 禁用按钮等 * CSS操作 * 事件处理 (点击、键盘事件等) * 事件委托 (事件冒泡) * 表单处理 (用户数据提交) * 现代网站和Web应用的工作原理 (从JavaScript视角) * if-else 语句 * setTimeout() * && 逻辑运算符 * 数组方法 (forEach(), map(), slice(), join() 等) * 字符串方法 (includes(), trim()等) * DRY (Don't Repeat Yourself) 概念：如何将重复代码提取为辅助函数 * 服务器通信：fetch() API, GET/POST 请求, AJAX * JSON数据处理 * 同步 vs 异步代码 * Promises (.then, .catch) * 错误处理 (throw new Error) * HTTP状态码 (2xx, 4xx, 5xx) * async/await, try/catch * 状态 (state) 与渲染 (rendering) 概念 * 项目整体结构/架构与文件夹结构 * 常用循环 (forEach) * 递增/递减1 (++ 和 --) * 一元加号运算符 (+) * 模块化 (IIFE vs 拆分JS代码文件) * XSS防范 * JavaScript正则表达式 * URL结构 (协议、域名、查询参数) * 解构赋值 * undefined 和 null * Truthy 和 Falsy 值 * 可选链 (?.) * ES Modules (import/export) vs CommonJS (require/module.exports) * 命名导出 vs 默认导出 * 函数参数默认值 * 重构 (refactoring) 概念 * 辅助/工具函数 * 实现常见功能，如排序和分页 * 路由 (URL操作) * Window 对象 * DOMContentLoaded * LocalStorage * 构建流程 (webpack, Babel, PostCSS) * JavaScript格式化 (分号、Tab vs Space) * for 循环 * 还有更多！ **免责声明：** 课程视频和代码可能包含错误。用户应自行验证其代码的安全性及适用性。ByteGrad Sp. z o.o. 对使用课程代码所造成的任何损失概不负责。
This is the #1 resource to master modern JavaScript (ES6+)! Take your JavaScript to an advanced, professional level by building beautiful, real-world projects from scratch (2 small beginner projects, 1 big intermediate project and 1 big advanced project). Other courses start from outdated concepts first (like ES5 and below) - we will use modern concepts right from the start (ES6+ like const/let and arrow functions - of course properly explained).Course ProjectsTop-tier, real-world projects. Expertly engineered to help you code modern websites & web apps with the latest best practices.2 Small beginner projects:Fancy Counter: Build a useful counter appWord Analytics: Build a slick word analytics app1 Big intermediate project:CorpComment: Build a sleek public feedback tool1 Big advanced project:rmtDev: Build a stylish job board for remote developer jobsWhat You'll Learn 1) How to code JS in 2024 by building realistic projects from scratch and seeing how it all fits together2) Avoid hundreds of beginner mistakes so the people who have to interact with your code have it easy3) Deeply master JS/programming basics: var/let/const, functions, objects & arrays, etc.4) Critical best practices that every JS-developer should know (e.g. how to use async/await)5) Learn how to communicate with an API properly by using fetch()6) Learn the crucial additions to JS: arrow functions, destructuring, spread operator, etc.7) Easily master React/Angular/Vue or Node.js afterwards since you mastered concepts often used in those frameworks8) Build modern web apps without frameworks and see why people use React9) Implement a simple build process for JS with webpack and Babel10) BONUS: By going through the course you'll naturally improve design/HTML/CSS tooSpecifically, these are the concepts you will learn in no particular orderWhat is JavaScript & What can we do with ithow to include JS in HTML-file ('defer')var/let/constwhen to use let instead of constdeep mastery of data types & structures (arrays, objects, etc.)deep mastery of functions (traditional vs arrow functions)template literals (``)ternary operator (?:)how to manipulate HTML (also called DOM manipulation) - querySelector(), getting user input from input field, disabling buttons, etc.how to manipulate CSSdealing with events (e.g. click and typing events)event delegation (event bubbling)deal with forms (user submits data - very common)how modern websites and web apps work generally from a JavaScript perspectiveif-else statementssetTimeout()&& operatorarray methods (e.g..forEach(),.map(),.slice(),.join())string methods (e.g..includes(),.trim())DRY-concept (Don't Repeat Yourself)how to extract repetitive code into its own helper functionhow to communicate with servers properlyfetch() APIGET-requestsPOST-requestsAJAXhow to work with JSONsynchronous vs asynchronous codepromises (.then and.catch)error handling (throw new Error)2xx, 4xx and 5xx HTTP status codesasync / awaittry / catchwhat is 'state' and 'rendering'overall structure / architecturefolder structuremost common loop (forEach)increment or decrement by 1 (++ and -)unary plus operator (+)modularity (IIFE's vs separate your JS-code into multiple files)how to deal with XSScomments in JSregular expressionsURL-structure (scheme / protocol, domain, query string parameters)destructuringundefined and nulltruthy and falsy valuesoptional chaining (?.)import/export (ES Modules) vs require/module.exports (CommonJS)named export vs default exportdefault value for function parameterwhat is refactoringhelper / utility functionsimplement common features like sorting & paginationrouting (e.g. how to manipulate URL)window objectDOMContentLoadedLocalStoragebuild process (webpack, Babel, PostCSS)formatting in JS (semicolons, tabs vs spaces)for loopand more! (can't include everything here)Avoid struggling with JavaScript for years to come. Hope to see you in the course!This course and Udemy account and all its content is owned & operated by ByteGrad Sp. z o.o. with Tax ID: PL6762676561 and company number (KRS): 0001125554.Note that the videos and code may contain mistakes. Always verify yourself that your code is safe and does what you want it to do for your specific situation. You agree by trying out the code that ByteGrad Sp. z o.o. is not responsible for any damages resulting from any suggested code or advice. You agree by trying out the code that the video creator is not responsible for any damages resulting from any suggested code or advice.
