| The Net Ninja(u, ) | 六角學院(u2b, ) |
| Ben Awad(u, ) | Florin Pop u |
| 布魯斯前端 u | 野生IT散修 u |
| Pepcoding u | 彭彭的課程 u |
| Leonard Chan u | Online Tutorials u |
| 程序员小山与Bug 抖音号：xiaoshan.bug | Progress Bar 進度條線上課程 u |
| Coding Tech u | 优途课堂 u |
| Slaying The Dragon u | Alex 宅幹嘛 u |
| Nader Dabit u | 黑马程序员 u |
| 前端 | |
|---|---|
| 前端开发规范手册(书栈, ) | 前端羊村长 抖音号： webyangcunzhang |
| 前端开发者手册(书栈, ) | Vue.js 技术揭秘 book |
| How you can simplify your CSS with :is() | CodeSandbox: Online Code Editor and IDE for Rapid Web Development v |
| I Challenged The CSS King To A CSS Battle | 小闪电 - JsRun 可以用手机写代码的JS在线编辑器网站 v |
| CodePen: Online Code Editor and Front End Web Developer Community v | |
| Gitpod - Always ready to code v | JSFiddle - Code Playground v |
| Coding Addict u | 代码真香 u |
| SimonDev u | ❤️程序媛郭襄 抖音号： 31411193181 |
| 网站，值得前端工程师收藏 v |
| 截图复刻网站，Github霸榜第一，单日2500+ Star，免费，快速AI生成网页 | Screenshot to Code AI煉金術 |
| 前端、後端、資料庫是什麼？它們如何溝通？實際範例解說 走歪的工程師James |
| App/小程序开发怎么选择跨端技术开发框架 写代码的产品兔 |
| Micro-Frontends Course - Beginner to Expert freeCodeCamp |
| codepen s 构建、测试和发现前端代码的最佳场所。eg |
| FrontEndGitHub/FrontEndGitHub GitHub最全的前端资源汇总仓库 前端导航 |
| strikingly s 几分钟制作一个网站 |
| Webflow: Create a custom website | No-code website builder |
| 前端样式命名规范BEM 程序员蒙德伊彼 |
| LearnWebCode u | web3Mantra u |
| Mohammad Taheri u | |
| web 开发 |
|---|
Web开发是指创建和维护用于互联网或局域网的网站和应用程序的过程。它涉及多个方面，包括网站设计、前端开发、后端开发、数据库设计等。 网站设计是关于网站的外观和感觉，包括页面布局、色彩、图形和文本等。前端开发则是指实现网站设计的过程，通过使用HTML、CSS和JavaScript等技术来创建网站的用户界面。后端开发则是指实现网站功能的过程，包括数据处理、业务逻辑和服务器端编程。数据库设计则是关于如何存储和访问数据的过程，包括数据模型、查询和索引等。 Web开发需要使用多种编程语言和框架，如HTML、CSS、JavaScript、Python、PHP、Java和Ruby等。此外，Web开发也需要使用各种工具和技术，如版本控制工具、Web服务器、API、云计算和安全性等。 总的来说，Web开发是一个广泛的领域，需要掌握多种技能和知识才能创建出高质量、安全、稳定的网站和应用程序。 |
以下是一个完整的Web开发路线图，包括了需要学习的技术和工具，以及学习的顺序和重点：
需要注意的是，学习的顺序和重点应该根据您的具体情况和需求进行调整。例如，如果您的重点是前端开发，那么前端框架、组件库、构建工具和CSS预处理器等就应该放在前面。如果您的重点是移动端开发，那么移动端框架、API设计和开发、实时Web等就应该放在前面。总之，路线图只是一个参考，您需要根据自己的实际情况进行调整和完善。 |
| How To Make A Website ~ 2022 ~ A Website Tutorial For Beginners WebYoda |
| baidu/amis 前端低代码框架，通过 JSON 配置就能生成各种页面。 v |
| Web 开发必备常识 代码真香 |
| Backend web development - a complete overview (2021) SuperSimpleDev |
| Build and Deploy a Modern Full Stack ECommerce Application with Stripe JavaScript Mastery |
| 用 Eleventy 做一个静态博客只要 10 分钟 Randy Music |
| World Wide Web Consortium (W3C)(s, ) |
| Thinkphp5商城项目实战第一季 开发者学堂 |
| ThinkPHP5.0完全开发手册 |
| UIKit练习 仿网易新闻首页 开发者学堂 |
| 麦子商城项目制作 开发者学堂 |
| 麦子学院-使用Angularjs开发Web App 开发者学堂 Yang Liu |
| Bottle Web开发 开发者学堂 |
| WEB系统基础 开发者学堂 |
| python自动化运维+web监控系统 开发者学堂 |
| node js开发web应用基础 开发者学堂 |
| Java Web扩展 Jsf 开发者学堂 |
| Web Performance Optimization Udacity |
| Responsive Web Design Fundamentals Udacity |
| How to Make a Landing Page using HTML, SCSS, and JavaScript - Full Course freeCodeCamp |
| Full Stack Web Development Course Web Dev Simplified |
| This Website Has No Code or Does It? PwnFunction |
| Web Hacking 101 PwnFunction |
Web Development In 2023 - A Practical Guide Traversy Media 2:54:24 Web Development In 2021 - A Practical Guide Traversy Media 1:05:15 |
小白用户如何创建一个属于自己的网站？（阿里云/WordPress/Astra/Elementor/Https） |
| 零基础教你如何快速搭建一个属于自己的视频网站！苹果cms网站搭建 视频网站赚钱 金熊猫 |
| 在线电影网站搭建 零基础搭建在线影视网站(一)(二)(三) Duke |
| Gatsby Static Site Generator Tutorial freeCodeCamp |
| Make A Python Website As Fast As Possible! Tech With Tim |
| JavaScript Tutorial - PuzzleCam Game freeCodeCamp |
| Full Stack Web Development in the Cloud Course - Svelte, Postgres, Vercel, Gitpod freeCodeCamp |
| Full Stack Projects Coding With Dawid |
| How to Put a Website Online: Template, Coding, Domain, Hosting, and DNS freeCodeCamp |
| Web Applications for Everybody Course - Dr. Chuck Teaches HTML, PHP, SQL, CSS, JavaScript, and more! freeCodeCamp |
| Ultimate Freelancing Guide for Web Developers (Make money through freelance programming!) freeCodeCamp |
| How to Find Freelance Jobs freeCodeCamp |
| Create a Video Membership Web App from Scratch with Python, NoSQL, & FastAPI CodingEntrepreneurs |
| Build a Mindblowing 3D Portfolio Website // Three.js Beginner’s Tutorial Fireship |
| Build a Responsive Website | HTML, CSS Grid, Flexbox & More Traversy Media |
| How to use AI Art and ChatGPT to Create a Insane Web Designs Codex Community |
| Frontend Web Development: In-Depth Project Tutorial (HTML, CSS, JavaScript, TypeScript, React) freeCodeCamp 10:02:09 |
| Web Development Tutorials For Beginners In Hindi: HTML, CSS, JavaScript & More CodeWithHarry |
| Web Development Ezee AI (Shree Balaji Institute) |
| Mobile Web Development Udacity |
{% content-ref url="../algorithm/crypto-and-blockchain.md" %} crypto-and-blockchain.md {% endcontent-ref %}
| 黑马程序员Pink老师前端HTML+CSS教程 野生IT散修 gitee |
| 黑马程序员Pink老师前端Javascript基础教程（语法篇） 野生IT散修 |
| 黑马程序员Pink老师前端Javascript进阶教程（ DOM / BOM篇） 野生IT散修 |
| 黑马程序员Pink前端Javascript高阶教程(面向对象+ES6) 野生IT散修 |
| 黑马程序员Pink老师前端Jquery教程 野生IT散修 |
| Intro to Ajax Udacity | 优途课堂 u |
| AJAX / JSON 教學 六角學院 |
AJAX（Asynchronous JavaScript and XML）是一种通过JavaScript和XML在Web页面中创建异步请求和响应的技术。通过AJAX，Web应用程序可以在不刷新整个页面的情况下与服务器进行通信，并且可以更新页面的一部分内容，从而提高用户的交互性和体验。 在AJAX中，JavaScript负责在Web浏览器中创建异步请求，并在后台向服务器发送请求，服务器响应后，JavaScript再处理返回的数据，将结果更新到页面上。XML经常被用来作为数据交换的格式，但是现在也有很多使用JSON等其他格式的AJAX应用。 AJAX的优点包括：
AJAX技术已经被广泛应用于现代Web应用程序中，例如谷歌地图、Facebook和Twitter等。 |
| Vuejs(s, ) | Reactjs(s, ) |
| 优途课堂 u |
Vue.js是一种流行的JavaScript框架，用于构建用户界面。它是一种响应式的框架，可以使开发者轻松地构建交互性强、易于维护的单页应用程序（SPA）和动态Web界面。 Vue.js由尤雨溪在2014年创建，并于同年在GitHub上发布。它的主要特点包括：
Vue.js还具有其他一些功能，例如过渡效果、过滤器、计算属性等，这些功能可以帮助开发者构建更加丰富、交互性更强的Web应用程序。Vue.js也与其他前端框架（例如React和Angular）有很好的兼容性，可以与它们一起使用。 |
| Vue js详解 开发者学堂 |
| Learn Vue.js - Full Course for Beginners - 2019 freeCodeCamp |
Vue.js：纪录片 Honeypot Vue.js: The Documentary |
| Vue.js Course for Beginners [2021 Tutorial] freeCodeCamp |
| Create a Twitter Clone with Vue.js, Quasar Framework & Firebase for iOS, Android, Mac & Windows freeCodeCamp |
| PanJiaChen/vue-element-admin v |
| [ 想入門，我陪你 ] Vue 3 宅家輕鬆玩｜Day 0：15 步認識 Vue Alex 宅幹嘛 |
| evening kid(u, ) | Code With Antonio u |
React是由Facebook开发的一个JavaScript库，用于构建用户界面。它是一个开源的库，使开发人员能够使用组件化方法快速构建可重用的UI元素。React具有高度的灵活性和性能优势，可以用于构建各种Web应用程序和移动应用程序。 React的核心思想是组件化。开发人员可以将应用程序拆分为小组件，每个组件可以独立开发、测试和维护。React中的组件由JavaScript编写，并使用类或函数声明。React还提供了一些内置组件，例如文本输入框、按钮和列表。 React使用虚拟DOM（Virtual DOM）来更新页面。虚拟DOM是一个轻量级的JavaScript对象，表示真实DOM的状态。当数据发生变化时，React会计算虚拟DOM的差异，并仅更新需要更新的部分，这使得React具有更高的性能和更快的渲染速度。 React还可以与其他库和框架一起使用，例如Redux、React Router和Axios等。它还有大量的社区支持和资源，包括文档、教程、示例和开发工具。 |
React JS 和 React 实际上指的是同一个东西，都是 Facebook 开发的 JavaScript 库，用于构建用户界面。React 提供了一种声明式的编程模型，允许开发人员以组件化的方式构建应用程序，这些组件可以通过将它们组合在一起来形成复杂的用户界面。 通常情况下，人们称呼 React 时，指的是 React JS，因为它是最常用的 React 实现方式之一。但是，React 还有其他实现方式，如 React Native，用于构建原生移动应用程序，以及 React VR，用于构建虚拟现实应用程序。无论使用哪种实现方式，React 的核心概念和使用方式都是相同的。 |
| Let's Build a Full-Stack AMAZON Clone with REACT JS for Beginners (Full E-Comm Store in 8 Hrs) 2021 Clever Programmer |
| All The JavaScript You Need To Know For React PedroTech |
| Build and Deploy a Modern YouTube Clone Application in React JS with Material UI 5 | RapidAPI JavaScript Mastery |
| Build and Deploy a Fully Responsive Website with Modern UI/UX in React JS with Tailwind JavaScript Mastery |
| React、React.js、React Native的区别 壹点微尘 |
| React JS Tutorials Max Teaches Tech |
| Create 3D Site with Spline and React - Full Course DesignCode |
| Build and Deploy a React Admin Dashboard App With Theming, Tables, Charts, Calendar, Kanban and More JavaScript Mastery |
| React Redux Full Course for Beginners | Redux Toolkit Complete Tutorial Dave Gray |
| Fullstack Flask React Tutorial - Master Flask Basics And Build A Python Flask React App | 2020 HD THE SHOW |
| React Project Tutorial – Build a Portfolio Website w/ Advanced Animations freeCodeCamp |
| Instagram Clone Full Tutorial - Using React, Express & Sanity Tech With Tim |
| React with Redux Toolkit Crash Course Laith Harb |
| Livestream with Kent: React Patterns Kent C. Dodds |
| React Crash Course - Build A Full Recipe App Tutorial Dev Ed |
| React Course - Beginner's Tutorial for React JavaScript Library [2022] freeCodeCamp |
| React James Q Quick |
| ReactJS从入门到实战 开发者学堂 |
| React实战开发特训班 Yang Liu |
| React Native documentaries evening kid |
| Learn React Native evening kid |
| React Optimisation evening kid |
| How To Animated evening kid |
| You Can Animated evening kid |
| Full MERN Website React Nodejs w/ GraphQL Tailwind and Docker From Zero To Deployment + GIVEAWAY CoderOne |
| React / GraphQL Course - Build a social media app (MERNG Stack) freeCodeCamp |
| Full Stack MERN Project - Build and Deploy an App | React + Redux, Node, Express, MongoDB [Part 2/2] JavaScript Mastery |
| Let's Create a Rich Text Editor with Draftjs and React CoderOne |
| Build React Apps (Fleux & Redux) Practical Examples CoderOne |
| Redux Tutorial - Beginner to Advanced freeCodeCamp |
| React JS Course for Beginners - 2021 Tutorial freeCodeCamp |
| Full Stack React & Firebase Tutorial - Build a social media app freeCodeCamp |
| Learn the MERN Stack - Full Tutorial (MongoDB, Express, React, Node.js) freeCodeCamp |
| MERN Stack Full Tutorial & Project | Complete All-in-One Course | 8 Hours Dave Gray |
| React JS - React Tutorial for Beginners Programming with Mosh |
| React JS Crash Course for Beginners - Build 4 Apps in 12 Hours (Redux, Firebase, Auth + More) [2021] Sonny Sangha |
| React JS Crash Course 2021 Traversy Media |
| React JS Tutorial – Build a Weather App With Cities Autocomplete freeCodeCamp |
| Data Visualization with D3, JavaScript, React - Full Course [2021] freeCodeCamp |
| Build an Instagram Clone with React Native, Firebase Firestore, Redux, Expo - Full Course freeCodeCamp |
| Code a Reddit Clone with React, Next.js, Firebase v9, Chakra UI – Full Course freeCodeCamp |
| React Crash Course for Beginners 2021 - Learn ReactJS from Scratch in this 100% Free Tutorial! Academind |
| React Native Tutorial for Beginners - Crash Course 2020 Academind |
| FARM Stack Course - FastAPI, React, MongoDB freeCodeCamp |
| FastAPI Course for Beginners freeCodeCamp |
| Full React Course 2020 - Learn Fundamentals, Hooks, Context API, React Router, Custom Hooks freeCodeCamp |
| Code a Dictionary with React and Material UI - Tutorial freeCodeCamp |
| 🔴 REAL TIME CHAT APP USING REACT AND SOCKET.IO IN HINDI |
| Chat Application Tutorial With Socket.IO & React Coding Expert |
| Build and Deploy a Fully Responsive Modern UI/UX Website in React JS JavaScript Mastery |
| Build and Deploy a React Cryptocurrency App and Master Redux Toolkit in One Video JavaScript Mastery |
| Learn React Native Gestures and Animations - Tutorial freeCodeCamp |
| 2020版React入门到大神【千锋】 千锋教育 |
| How To Create An Advanced Shopping Cart With React and TypeScript Web Dev Simplified |
| React Video Chat App | WebRTC Video Chat Zoom Clone | Tabnine JavaScript Mastery |
| How To Create A Messaging App With Socket.io And React Web Dev Simplified |
| Realtime Chat With Users & Rooms - Socket.io, Node & Express Traversy Media |
| React State Management – Intermediate JavaScript Course freeCodeCamp |
| Next.js React Framework Course – Build and Deploy a Full Stack App From scratch freeCodeCamp |
| ChatGPT Clone – OpenAI API and React Tutorial freeCodeCamp |
| React JS Tutorial For Beginners Leon Noel |
| Learn React 18 with Redux Toolkit – Full Tutorial for Beginners freeCodeCamp |
| React Hooks Course - All React Hooks Explained PedroTech |
| React.js Full Course in Hindi for Beginners - 2023 | Master React in 12 Hours web3Mantra |
| React Native Course – Android and iOS App Development freeCodeCamp |
| Filmyverse React Project in Hindi | Tailwindcss | Firebase | Firestore DB | OTP Authentication web3Mantra |
| Pet Store Fullstack project with React18, ASP.NET Core7 WebAPI, TypeScript and Entity Framework Core Mohammad Taheri |
| Build a LinkedIn Clone with React and Firebase – Tutorial freeCodeCamp |
| React Router 6 – Full Course freeCodeCamp 9:44:42 |
| Zustand React State Management Course (Simple Redux Alternative) freeCodeCamp |
Next.js是一个基于React的服务器端渲染框架，它允许开发者使用React编写应用程序，并且可以在服务端进行渲染，以提高应用程序的性能和SEO。Next.js还提供了许多实用功能，例如静态文件服务、自动代码拆分、CSS模块化、快速开发API等。以下是Next.js的一些特点：
总的来说，Next.js是一个快速、简单、可靠的React框架，它提供了服务器端渲染、自动代码拆分、预渲染静态页面、CSS模块化、快速开发API等实用功能，使开发人员可以更快地构建现代化的Web应用程序。 |
| site |
| Nextjs Crash Course with Fauna, Auth0, Tailwind, and More! James Q Quick |
| Next.js Crash Course for Beginners 2021 - Learn NextJS from Scratch in this 100% Free Tutorial! Academind |
| Next.js for Beginners - Full Course freeCodeCamp |
| 🔴 Build Modern Portfolio with NextJS, TypeScript, SSR, and CMS Clever Programmer |
| Next.js 12.3 Overview: Improved Fast Refresh, TypeScript Auto-Install, and more. Vercel |
| The Story of Next.js uidotdev |
| How to Create a Stunning Portfolio Website with Nextjs, Tailwind CSS and Framer-motion🌟 CodeBucks 5:50:43 |
| Real-Time Messenger Clone: Next.js 13, React, Tailwind, Prisma, MongoDB, NextAuth, Pusher (2023) Code With Antonio |
| Full Stack Airbnb Clone with Next.js 13 App Router: React, Tailwind, Prisma, MongoDB, NextAuth 2023 Code With Antonio 8:40:33 |
| node |
|---|
Node.js是一个基于Chrome V8 JavaScript引擎的开放源代码、跨平台、事件驱动、非阻塞I/O的服务器端JavaScript环境。 Node.js最初是由Ryan Dahl在2009年创建的，目的是提供一种在Web服务器上运行JavaScript代码的解决方案。Node.js内置了许多用于网络编程的库，使得它可以用于构建高性能、可扩展的网络应用程序。 Node.js的最大特点是单线程、异步IO模型和事件驱动，这意味着Node.js可以在处理大量并发连接时保持较低的系统资源开销。同时，Node.js的模块化系统也使得开发人员可以轻松地使用第三方模块来扩展功能，从而加速开发过程。 Node.js已经成为了一个非常流行的技术，被广泛应用于Web应用程序、实时应用程序、API服务器、微服务等领域。 |
| Node.js 教程 菜鸟教程 NPM 使用介绍 菜鸟教程 |
| 一起学 Node.js(书栈, ) |
| Node.js Tutorials(freeCodeCamp.org) |
| node js上最新HTML5开发框架 Meteor 开发者学堂 |
| node js开发web应用基础 开发者学堂 |
| Node.js CodePulse |
| Deno CodePulse |
| Nodejs From Scratch For Beginners (FS, Events and Express) CoderOne |
| Socket.io Nodejs Build Real Time Apps CoderOne |
| Nodejs From Scratch For Beginners (FS, Events and Express) CoderOne |
| Let's Create a Blockchain on Nodejs With MongoDB CoderOne |
| Let's Create a Command Line Interface CLI From Scratch Nodejs CoderOne |
| Nodejs之消息服务器开发 开发者学堂 |
| Node.js and Express.js - Full Course freeCodeCamp |
| Node.js Crash Course Traversy Media |
| 7 Ways to Deploy a Node.js App Fireship |
| Web Scraping with Puppeteer & Node.js: Chrome Automation LearnWebCode |
| Learn Node.js - Full Tutorial for Beginners freeCodeCamp |
| Node.js Full Course for Beginners | Complete All-in-One Tutorial | 7 Hours Dave Gray |
| Node.js Tutorials Dave Gray Traversy Media |
| Node.js Tutorial | Node.js Tutorial For Beginners | Learn Node.js | NodeJS Tutorial | Simplilearn |
| Node.js & Stripe API - Ebook Sales App & Heroku Deploy Traversy Media |
| Node.js / Express Course - Build 4 Projects freeCodeCamp |
| [Tutorialsplanet.NET] Udemy - The Complete Node.js Developer Course (3rd Edition) |
| Full Stack Web Development for Beginners (Full Course on HTML, CSS, JavaScript, Node.js, MongoDB) freeCodeCamp |
| How To Delete Data with nodejs Njoku Samson Ebere |
| Node.js编程系列教程 YuFeng Deng |
| Express 开发者学堂 |
| Node and Express Tutorial(u, ) |
| Gulp+Angular+Express实现简易任务管理系统 开发者学堂 |
| Learn HTML & CSS – Full Course for Beginners freeCodeCamp |
| HTML / CSS Tutorial – Create an Order Summary Component freeCodeCamp |
| 10 HTML, CSS & JAVASCRIPT Projects For BEGINNER (Road to PRO LEVEL) ProgrammingWithSingh |
| SpaceX Website Clone - HTML, CSS & JavaScript Traversy Media |
| 5 HTML, CSS & JS Mini Projects - Scroll Animation, Rotating Navigation, Drag Events, etc Traversy Media |
| Create A Responsive Website Using HTML, CSS And Bootstrap 4 In Hindi CodeWithHarry |
| CS50 Marathon - CS50 2021 - Lecture 8 - HTML, CSS, JavaScript CS50 list |
| Learn HTML – Full Tutorial for Beginners (2022) freeCodeCamp |
| Learn HTML5 and CSS3 For Beginners - Crash Course(Dev Ed)3:54:02 |
| HTML and CSS Tutorial - Create a Website for Beginners freeCodeCamp |
| HTML5 & CSS Development: Learn How to Build a Professional Website | Udemy, Jordan Hudgens Udemy |
| HTML, CSS and JavaScript Computer Science |
| Build a Quiz App with HTML, CSS, and JavaScript James Q Quick |
| H5实现俄罗斯方块游戏 开发者学堂 |
| node js上最新HTML5开发框架 Meteor 开发者学堂 |
| HTML5绘图 开发者学堂 |
| Html概述 开发者学堂 |
| bootstrap综合实战 开发者学堂 |
| DatePicker组件开发 开发者学堂 |
| 麦子学院-Web前端开发之HTML+CSS基础入门 Yang Liu |
| 麦子学院-Web前端开发之HTML5+CSS3快速入门 Yang Liu |
| 麦子学院-Web前端开发之Photoshop切片 Yang Liu |
| 麦子学院-使用Angularjs开发Web App Yang Liu |
| Angular Crash Course 2021 Traversy Media |
| 麦子学院-响应式web设计及项目实践 Yang Liu |
| 强大的抓包神器-Charles详解课程 Charles抓包配置极速实战视频教程 Charles原理与实战 Yang Liu |
| HTML Full Course - Build a Website Tutorial freeCodeCamp |
| HTML完整课程 - 构建网站教程 freeCodeCamp |
| CSS & HTML Proxlight |
| HTML5 Game Development Udacity |
| Electron Build Desktop Apps Using HTML\CSS\JS CoderOne |
| Responsive Personal Portfolio Website Using HTML CSS And JavaScript | Dark/Light Mode Bedimcode |
| Portfolio Website Tutorial – Frontend Development with HTML, CSS, JavaScript freeCodeCamp |
| Personal Website Tutorial with Next.js 13, Sanity.io, TailwindCSS, and TypeScript freeCodeCamp |
| Introduction To Responsive Web Design - HTML & CSS Tutorial freeCodeCamp |
| Learn HTML5 and CSS3 From Scratch - Full Course freeCodeCamp |
| How To Make Website Using HTML & CSS |
| HTML and CSS Tutorial for 2021 - COMPLETE Crash Course! DesignCourse |
| CSS Tutorial - Zero to Hero (Complete Course) freeCodeCamp |
| How To Make A Website Like YouTube Using HTML CSS JS | Video Sharing Website Design Easy Tutorials |
| HTML Crash Course for Beginners - Website Tutorial freeCodeCamp |
| Responsive Dropdown Sidebar Menu using HTML CSS and JavaScript | Side Navigation Bar CodingLab |
| 【html】1小时初学者教程 GrandmaCan -我阿嬤都會 |
| Feature Toggles - Why and How to Add to Your Software freeCodeCamp |
| Canvas图形、动画、游戏开发从入门到精通全系列课程 Jomy King |
| HTML5 Canvas and JavaScript Mario Game Tutorial Chris Courses |
| HTML、CSS、JavaScript 網頁前端工程 彭彭的課程 |
| Pokémon JavaScript Game Tutorial with HTML Canvas Chris Courses |
| JavaScript Fighting Game Tutorial with HTML Canvas Chris Courses |
| Vertical Platformer Game Tutorial with JavaScript and HTML Canvas Chris Courses |
HTML Tutorial - How to Make a Super Simple Website freeCodeCamp
HTML Tutorial for Beginners: HTML Crash Course Programming with Mosh
HTML for Beginners 🌎 Bro Code
HTML & Coding Introduction – Course for Beginners freeCodeCamp
千锋教育 u
| 为什么OA系统要加上名字工号的水印？web前端实现添加水印 s | 书生隐形水印组件软件 s | oa 隐形水印 |
| CSS Full Course for Beginners | Complete All-in-One Tutorial | 11 Hours Dave Gray |
| CSS Crash Course For Absolute Beginners Traversy Media |
| CSS for Beginners 🎨 Bro Code |
| 麦子学院-利用Sass编写高质量CSS 开发者学堂 Yang Liu |
| Sass Tutorial for Beginners - CSS With Superpowers freeCodeCamp |
| CSS CodePulse |
| Intro to HTML and CSS Udacity |
| 3D CSS - lighting, animations, and more! Kevin Powell |
| Customizable typewriter animation with CSS Kevin Powell |
| I've been challenged to a CSS Battle rematch | Can I beat him again??? Kevin Powell |
| Learn Flexbox in 15 Minutes Web Dev Simplified |
| CSS Flexbox Crash Course freeCodeCamp |
| Bootstrap CSS Framework - Full Course for Beginners freeCodeCamp |
| CSS Crash Course Tutorial freeCodeCamp |
| 網頁前端工程入門：基礎 CSS 教學 By 彭彭 彭彭的課程 |
| Create a Design System with CSS - Web Development Course freeCodeCamp |
| CSS Full Course | CSS Tutorial For Beginners | CSS Interview Questions And Answers | Simplilearn |
| Can I Create A Deck Of Cards With CSS? Web Dev Simplified |
| How To Make Website Using HTML CSS | Crete Full Website Step by Step Tutorial Easy Tutorials |
| Learn Tailwind CSS – Course for Beginners freeCodeCamp |
JavaScript是一种动态编程语言，通常用于在网页上实现交互效果和动态功能。它是目前最为流行的编程语言之一，可在各种环境中运行，包括网页浏览器、服务器、移动设备等。 JavaScript最初由Netscape公司的Brendan Eich在1995年创建，目的是为了让网页能够动态地响应用户的操作和输入。随着网页技术的不断发展，JavaScript逐渐成为了网页开发中不可或缺的一部分。 JavaScript的语法与Java类似，但并不是Java的简化版，也不是Java的一种方言。它是一种完全独立的编程语言，有自己的语法和特点。 JavaScript支持面向对象编程、函数式编程等多种编程范式。它可以与HTML和CSS结合使用，使网页更具有交互性和动态性。 JavaScript的应用领域非常广泛，包括网页开发、桌面应用程序、游戏开发、移动应用程序、服务器端开发等。由于它的普及程度和适应性，学习JavaScript对于从事计算机编程和网页设计的人员来说是非常重要的。 |
| 优途课堂 u |
| Build a Simple Website with HTML, CSS, JavaScript – Course for Beginners freeCodecamp |
| JavaScript Project Tutorials Radu Mariescu-Istodor |
| Learn JavaScript With This ONE Project! Tech With Tim |
| Asynchronous Javascript Tutorial - Promises and Async Await Explained PedroTech |
| JavaScript Mastery Complete Course | JavaScript Tutorial For Beginner to Advanced Nerd's lesson 1:08:53:45 |
| Harvard CS50’s Web Programming with Python and JavaScript – Full University Course freeCodeCamp 14:14:23 |
| Let's build Battleships in JavaScript! Code with Ania Kubów |
| JavaScript Talking Avatar with Face Tracking (no libraries and no internet help 😂) Radu Mariescu-Istodor |
| Sorting Visualizer with Sound (JavaScript Tutorial) Radu Mariescu-Istodor |
| JavaScript Full Course for Beginners | Complete All-in-One Tutorial | 8 Hours Dave Gray |
| HTML、CSS、JavaScript 網頁前端工程 |
| How To Make Form (Multi-Step) Using HTML CSS & JS | Create Form With HTML & CSS Easy Tutorials |
| How to create a Messenger Style ChatBot with JavaScript Tutorial (Part 1) | Best JavaScript Project CodeWellTech |
| Chat Bot on JavaScript | HTML | CSS STAPE |
| mrdoob/three.js/ JavaScript 3D Library. v |
| JavaScript Hacking Loi Liang Yang |
| JavaScript King u |
| Multi-Step Login Form using HTML , CSS & JS Anunay Bhaiyaa |
| How to build Jarvis with javascript The Enthusiastic Dev |
| 3d robot with html, css and js Funny web |
| I created a talking BOT with Javascript || Javascript Project|HTML CSS JS Mini Project For Beginners KadirMedia |
| Low Level JavaScript u |
| JavaScript Full Course 🌐 -Learn to code today-【𝙁𝙧𝙚𝙚】 Bro Code |
| JavaScript DOM Manipulation – Full Course for Beginners freeCodeCamp |
| BEST JavaScript Tutorial for Beginners for Getting a Job 2021 (High Quality, Project Based Course) SuperSimpleDev |
| JavaScript Tutorial – Build 2 Word Games! freeCodeCamp |
| Redux Toolkit Tutorial – JavaScript State Management Library freeCodeCamp |
| LeetCode in JavaScript 刷題即興秀：Roman to Integer、Valid Parentheses at 2021/10/03 彭彭的課程 |
| 彭彭老師的直播紀錄 彭彭的課程 |
| Advanced JavaScript Crash Course 2022 Codevolution |
| JavaScript Learning Space(quora, ) |
JavaScript Tutorials(freeCodeCamp.org) JavaScript Tutorials freeCodeCamp |
| Learn JavaScript by Building 7 Games - Full Course freeCodeCamp |
| Build 15 JavaScript Projects - Vanilla JavaScript Course freeCodeCamp |
| Animated Flag With Color Change Effect (Vanilla JavaScript Tutorial) Radu Mariescu-Istodor |
| JavaScript Array Methods Practice James Q Quick |
| JavaScript Programming - Full Course freeCodeCamp |
| Learn JavaScript - Full Course for Beginners freeCodeCamp |
| 10 JavaScript Projects in 10 Hours - Coding Challenge 🔥 Florin Pop |
| JavaScript James Q Quick CodePulse |
| JavaScript Array Methods Practice James Q Quick |
| Tips For Using Async/Await - Write Better JavaScript! James Q Quick |
| Javascript初步 开发者学堂 |
| Javascript 进阶 开发者学堂 |
| JavaScript面向对象编程 开发者学堂 |
| JavaScript教程 廖雪峰 |
| 麦子学院-前端开发项目-一起来做秒杀活动 Yang Liu |
| 🎮 Easy JavaScript Game Development with Kaboom.js (Mario, Zelda, and Space Invaders) - Full Course freeCodeCamp |
| Space Invaders (JavaScript, HTML & CSS) Max teaches Tech |
| Javascript Basics Udacity |
| JavaScript Design Patterns Udacity |
| Object Oriented JavaScript Udacity |
| 30-seconds-of-code git Short JavaScript code snippets for all your development needs |
| JavaScript Crash Course For Beginners Traversy Media |
| 【前端速成】JavaScript JS 快速入門｜Tiktok工程師帶你入門前端｜布魯斯前端 |
| 【javascript】3小时初学者教程 GrandmaCan -我阿嬤都會 |
| Build and Deploy THE PERFECT Portfolio Website | Create a Portfolio from Scratch JavaScript Mastery |
| Build a Portfolio Website & Deploy Traversy Media |
| Designing & Building a Personal Portfolio from SCRATCH! DesignCourse |
| Let’s learn JavaScript fundamentals! #1 [Free JS Bootcamp] Class Central |
| 学习JavaScript函数式编程 - JSUnconf 2016 JSConf |
| API 可以怎麼玩？從串接到應用該注意的事 六角學院 |
| JavaScript Game Development Crash Course 2022 Franks laboratory |
| 20 Award-Winning JavaScript Games – Js13kGames 2020 Winners freeCodeCamp |
| JavaScript Tutorial - Create a Card Game 🃏 freeCodeCamp |
| Deno u s git |
| Awesome Responsive Multi Step Registration Form HTML CSS & JavaScript dotWebdesign |
| Frontend Web Development Bootcamp Course (JavaScript, HTML, CSS) freeCodeCamp |
| How To Create Responsive Popup Chat Window | HTML - CSS - JS Practical Code Academy |
| JavaScript Fundamentals For Beginners Traversy Media |
| JavaScript Tutorial for Beginners - Full Course in 12 Hours (2022) Clever Programmer |
| Responsive Sidebar Menu in HTML CSS & JavaScript | Dark/Light Mode CodingLab |
| Multi Step Progress Bar in HTML CSS & JavaScript CodingLab |
| JavaScript Programming Tutorial for Beginners Telusko |
| Build and Deploy Your Own ChatGPT AI App in JavaScript | OpenAI, Machine Learning JavaScript Mastery |
| All The JavaScript You Need To Know For React PedroTech |
| Firebase Tutorial for Beginners – Build a Mobile App with HTML, CSS, JavaScript freeCodeCamp |
| JavaScript Security Vulnerabilities Tutorial – With Code Examples freeCodeCamp |
| 《前端教程140讲：HTML5、CSS3、Vue、JavaScript》大笑脸 |
| JavaScript Modules Crash Course freeCodeCamp. |
| JavaScript小技巧 |
|---|
| 一鍵網頁破解右鍵封鎖及選取、修改網頁文字功能教學 | 破解右鍵 | 解鎖右鍵 | 破解選取文字封鎖 | 科技阿宅王 |
TypeScript是一种由微软开发的开源编程语言，它是JavaScript的超集，支持所有JavaScript的语法，但在其基础上增加了静态类型、类、接口、枚举等特性。TypeScript的目标是提高JavaScript代码的可靠性和可维护性。 TypeScript通过在编译时进行类型检查，可以在代码编写阶段发现潜在的类型错误和逻辑问题，从而提高了代码的可靠性和质量。同时，TypeScript还可以让开发人员更容易地编写和维护大型的应用程序，因为它支持模块化、命名空间和类等概念，这些概念可以帮助开发人员组织和管理复杂的代码结构。 除此之外，TypeScript还提供了强大的编辑器支持，可以帮助开发人员自动完成代码、代码重构和代码导航等操作。同时，TypeScript还支持集成开发环境（IDE）和文本编辑器，如Visual Studio Code、Sublime Text等，可以让开发人员更加高效地编写代码。 总之，TypeScript是一种非常有用的编程语言，它可以提高JavaScript应用程序的可靠性、可维护性和开发效率。 |
| 【前端速成】TypeScript TS 快速入門｜Tiktok工程師帶你入門前端｜布魯斯前端 |
| Learning TypeScript Simply Explained |
| TypeScript Design Patterns Simply Explained |
| Let's Learn Typescript for Javascript Developers from Scratch CoderOne |
| Learn TypeScript - Full Course for Beginners freeCodeCamp |
| AILHC/EasyGameFrameworkOpen git 基于Typescript的渐进式通用游戏前端开发框架 |
| Angular Tutorial for Beginners: Learn Angular & TypeScript Programming with Mosh |
| Angular Course for Beginners freeCodeCamp |
| How To Create An Advanced Shopping Cart With React and TypeScript Web Dev Simplified |
| TypeScript Crash Course Traversy Media |
| Learn TypeScript – Full Tutorial freeCodeCamp |
jQuery是一种流行的JavaScript库，用于简化JavaScript代码的编写和操作HTML文档、处理事件、进行动画效果、以及处理Ajax交互等常见的Web开发任务。 jQuery为开发者提供了一种直观、灵活的方式来遍历和操作DOM元素，通过选择器语法可以轻松地找到页面中的元素，并且可以使用链式方法来对这些元素进行修改或者获取属性。 除此之外，jQuery还提供了一些强大的特性，如事件处理、Ajax封装、动画效果、DOM操作等，这些功能让开发者可以更加简单和高效地开发出复杂的Web应用程序。 jQuery的另一个优势在于它的跨浏览器兼容性，尤其是在早期的浏览器中，如IE6、7、8等，它提供了一致的API和行为，这使得开发者可以在不同的浏览器和操作系统中保持代码的稳定性和一致性。 总的来说，jQuery是一种非常流行的JavaScript库，它通过提供简洁的API和便捷的特性，让开发者可以更加轻松地开发出高效、易于维护的Web应用程序。 |
|---|
| site |
| jQuery 教程 runoob 廖雪峰 w3s wiki |
| jQuery UI(s, ) |
| jquery入门 开发者学堂 |
| jQuery 小白入门 china refer |
| 弹层组件文档 - layui.layer 前端 UI 框架 |
| Layui(s, ) |
| layer 弹出层组件 |
| Layer弹窗 基础参数 入门 china refer |
| Intro to jQuery Udacity |
| jQuery基礎教學 六角學院 |
Knockout是一种用于JavaScript应用程序的轻量级MVVM（Model-View-ViewModel）库。它使得创建具有复杂UI的交互式Web应用程序变得更加容易和优雅。 Knockout采用的是响应式编程模型，它自动追踪您的数据模型的状态，并更新UI以反映这些更改，从而使您能够更加专注于业务逻辑而不是管理UI状态。 Knockout基于以下几个主要概念：
总之，Knockout是一种简单而强大的JavaScript库，它可以使开发人员更加专注于业务逻辑，而不必担心管理UI状态和手动更新UI元素。 |
| KnockOut从入门到精通 开发者学堂 |
RequireJS.js是一个JavaScript库，它提供了一种在浏览器端异步加载JavaScript模块的机制，从而优化了Web应用程序的性能和可维护性。 使用RequireJS.js，可以将JavaScript代码拆分成多个模块，每个模块都有自己的依赖关系和功能。这些模块可以通过异步加载的方式进行加载，从而提高页面加载速度和响应性。 RequireJS.js的主要特点包括：
总之，RequireJS.js是一种优秀的JavaScript模块加载器和依赖管理工具，可以帮助开发者更好地组织和管理JavaScript代码，从而提高Web应用程序的性能和可维护性。 |
| RequireJS 入门指南 oschina |
| RequireJS 小白入门 china refer |
| Figma |
|---|
| Create a Design System with Figma - Full Course freeCodeCamp |
| Figma Course - Web Design Tutorial for Beginners freeCodeCamp |
| Figma Tutorial for UI Design - Course for Beginners freeCodeCamp |
Auto.js 是一款基于 JavaScript 语言的 Android 平台自动化测试和脚本工具，它可以模拟人的操作来实现自动化操作。Auto.js 提供了一系列的 API 来模拟用户操作，比如点击、滑动、输入等等，同时也可以访问 Android 系统的原生 API，比如截屏、打开应用、发送广播等等。 使用 Auto.js，你可以编写脚本来自动控制 Android 手机，比如自动打开应用程序，自动滑动屏幕，自动点击按钮等等。除了自动化测试、自动化脚本编写、自动化任务执行等等，Auto.js 还可以用于自动化签到、自动化刷任务、自动化抢红包等日常应用场景。 Auto.js 提供了可视化编辑器，方便用户编辑脚本。另外，Auto.js 支持脚本的调试和运行日志的查看，方便用户进行调试和排错。同时，Auto.js 还提供了一些高级功能，比如多线程并发执行、定时任务、断点续传等等。 总的来说，Auto.js 是一款功能强大、易于使用的 Android 平台自动化测试和脚本工具，非常适合需要实现自动化操作的开发者和测试人员使用。 |
| 秒杀其他按键精灵，支持VS Code，这个JavaScript自动化软件居然还有人不知道 s |
Electron.js（简称Electron）是一个开源的框架，用于构建跨平台的桌面应用程序。它最初是由GitHub开发，基于Node.js和Chromium构建。 使用Electron，开发者可以使用前端技术（如HTML、CSS和JavaScript）构建本地应用程序，这些应用程序可以在Windows、macOS和Linux等多个操作系统上运行。Electron为开发者提供了一个完整的开发生态系统，包括构建工具、调试工具和应用程序打包工具，使得开发人员能够专注于应用程序的开发。 Electron的核心是由Node.js提供的后端API，这使得开发者可以访问本地文件系统、系统级别的资源和第三方模块。同时，Electron还通过将渲染进程与主进程分离，提供了更好的安全性和可维护性。在渲染进程中，开发者可以使用常见的前端框架（如React、Angular和Vue.js）来构建用户界面。 Electron已经被许多知名应用程序使用，如VS Code、Slack、GitHub Desktop、Discord、Figma等。 |
| 前端和后端的结合? (Electron.js 结构解析) 从0开始数 |
Three.js是一个基于JavaScript的3D渲染库，它可以让开发者通过JavaScript语言创建、渲染和展示三维场景，包括三维模型、纹理、光照、阴影等等。 Three.js提供了一个丰富的API，它可以让开发者很容易地创建和处理3D场景的各种元素。使用Three.js，开发者可以轻松地创建和加载3D模型、纹理和材质，设置场景的光照和阴影效果，以及添加动画和交互效果等。 Three.js还支持各种3D效果，如深度测试、抗锯齿、透明度、反射和折射等等，使得开发者可以创建出更加逼真和生动的3D场景。 Three.js是一个开源项目，可以在GitHub上找到它的源代码和文档。由于它的易用性和灵活性，Three.js已经成为了Web上最受欢迎的3D渲染库之一，被广泛应用于游戏、虚拟现实、建筑可视化、教育和艺术等领域。 |
| Three.js 3D Game Tutorial: In-Depth Course for All Levels Chris Courses |
Build a Mindblowing 3D Portfolio Website // Three.js Beginner’s Tutorial Fireship
Three.js (threejs) 浏览器中的3D渲染引擎 奇乐编程学院
Build and Deploy an Amazing 3D Web Developer Portfolio in React JS | Beginner Three.js Tutorial JavaScript Mastery
Bootstrap是一个流行的前端开发框架，它提供了一套用于快速构建网站和应用程序的HTML、CSS和JavaScript组件。Bootstrap最初由Twitter开发，现在是一个开源项目，由全球开发者社区维护。 Bootstrap具有响应式设计，意味着它可以适应各种设备和屏幕尺寸，包括桌面电脑、平板电脑和智能手机。Bootstrap也提供了一套易于使用的排版和样式工具，使开发人员可以快速创建漂亮和一致的用户界面。 Bootstrap还包含许多常见的UI组件，例如导航栏、下拉菜单、警告框、表格、表单和按钮等。这些组件可以通过简单的HTML标记和CSS类来创建，并且具有丰富的可定制选项，开发人员可以轻松地根据自己的需求进行定制。 最后，Bootstrap还具有大量的第三方插件和扩展，例如轮播图、模态框、日期选择器等，可以帮助开发人员更快速地构建功能丰富的应用程序。 总之，Bootstrap是一个非常流行的前端开发框架，它提供了一套易于使用和灵活的组件和工具，使开发人员可以更快速、更轻松地构建漂亮和一致的用户界面。 |
| Build fast, responsive sites with Bootstrap |
| Bootstrap 5 Crash Course Web Dev Simplified |
| Complete Guide to Bootstrap Dashboard Apps - Dash Plotly Charming Data |
| termux用的bootstrap? |
Prisma是一种现代数据库ORM（对象关系映射器），可以与多种数据库配合使用，例如PostgreSQL，MySQL，SQLite和Microsoft SQL Server等。它是一种类型安全的ORM，允许您使用类型安全的查询构建器和API来管理数据库。 Prisma不仅提供了ORM功能，还包括一个数据访问层和一个数据模型定义语言（Prisma Schema），它们都是使用现代的TypeScript语言编写的。 Prisma的数据模型定义语言（Prisma Schema）非常直观易懂，可以定义数据模型、关系、验证规则等。使用Prisma，您可以轻松地进行复杂的数据库操作，例如一对多关系、多对多关系、事务等。 Prisma还提供了许多强大的功能，例如自动生成迁移、类型安全的查询、实时数据库更新、数据关系的预加载等，这些功能让您的开发更加高效、快速和安全。 总之，Prisma是一个非常强大的ORM框架，可以大大简化数据库开发和管理。 |
| Next-generation Node.js and TypeScript ORM |
| s Doc Quickstart |
| Learn Prisma In 60 Minutes Web Dev Simplified |
| Build a RESTful API with Fastify, Prisma & TypeScript TomDoesTech |
| 麦子学院-学习UX第一季-轻松入门 Yang Liu |
千锋教育 u
MUI5 (Material UI) Crash Course Laith Harb
| elastic/eui s |
Figma是一款基于云端的设计工具，主要用于创建界面、图标、原型、图表等各种数字设计。它与传统的设计工具相比，具有更好的协作性和跨平台性，可以通过Web应用程序或桌面应用程序访问，并支持Windows、macOS和Linux等各种操作系统。 Figma的主要功能包括： 1.向量编辑：Figma提供了各种各样的向量编辑工具，可以创建和编辑矢量图形、图标、标志和其他图形元素。 2.图层和组织：Figma可以让用户创建和管理多个图层，通过分组、隐藏、锁定、重命名等方式来管理设计元素。 3.自动布局：Figma可以根据用户的设计元素自动调整布局，以便适应各种屏幕尺寸和设备类型。 4.插件和扩展：Figma提供了丰富的插件和扩展，可以增强设计工作流程，提高设计效率。 5.协作和共享：Figma可以让用户在同一设计文件中共同编辑和讨论设计，也可以轻松地共享设计文件和原型。 总的来说，Figma是一款功能强大、易于使用的设计工具，它的优势在于协作性和跨平台性，非常适合多人合作的设计项目和团队。通过Figma，用户可以更快、更高效地创建优秀的数字设计，并与团队成员进行协作和沟通。 |
有一些类似Figma的替代品，包括以下几个：
这些工具都有各自的优点和适用场景，根据不同的需求和使用场景选择最适合自己的工具是非常重要的。 |
| 就是它以黑馬之姿擄獲了全球設計師的心！超人氣 UI 設計工具 Figma 快速上手！ PAPAYA 電腦教室 |
| Create a UI into a 3D Perspective in Figma DesignCode |
| Neon UI Design from scratch in Figma DesignCode |
| UI Design a Dark Neumorphism Tesla app in Figma from scratch DesignCode |
| Figma Variants – Design a Scalable Mobile App [Full Course] freeCodeCamp |
| UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma freeCodeCamp |
| How to Design a Website – A UX Wireframe Tutorial freeCodeCamp |
| AI 搭配 Figma 進行網頁設計 － 實戰提詞大公開 六角學院 |
| 从Figma 到VSCode，设计做到网页切版- 完整示范 六角学院 |
| Figma Midjourney Animation Tutorial - Parallax effect + mp4 Igor Vensko Tutorials |
| ecshop独立网店二次开发 开发者学堂 | bytedance/IconPark 字节前端图标库 v |