目前有两种类型的Web应用程序：在服务器上运行的Web应用程序和在客户端上运行的Web应用程序（SPA)
- 金职位 大前端进阶【完结】609 个视频
- 前端工程化精讲
- HTML CSS Javascript Website Tutorial - Responsive Beginner JS Project with Smooth Scroll
| Web technology for developers | Web technology for developers |
|---|
| Chrome DevTools 教程 | 查前端文档地址，看这篇，就够了 |
|---|
| 前端工程师晋级之路 2020版前端技术白皮书 | 大前端面试宝典 - 图解前端 |
|---|
| 精尽【前端】学习指南 | Front-end-Web-Development-Interview-Question | Front End Development Tutoria |
|---|
| 了解前端项目设计过程 | Electron 开发指南：前端人的最佳跨平台解决方案 |
|---|
| Awesome 3D ANIMATION Javascript Tutorial!---用3D的方式呈现物体 |
|---|
| 导航流程：从输入URL到页面展示，这整个流程发生了什么 | 前端通讯协议大比拼：WebSockets和HTTP |
|---|
| Cookie、Session、Token与JWT解析 |
|---|
| 超详细的前端工程化入门教程 |
|---|
| Web前端工程化 | 前端工程化学习笔记 | 工程化 |
|---|
| 前端工程化指南 | 前端工程化从入门到进阶 付费 | 前端工程化 |
|---|
| 前端开发和后端开发的区别到底是什么 | mock ui在线工具（mock使用） |
|---|
| 国内主流在用的10大后台UI框架，私活必备 | 国内3大主流前端UI表单设计器 | 10 Most Popular Backend Frameworks |
|---|
| 一定要收藏的5个后台管理系统的前端框架 |
|---|
Flutter---Flutter 是 Google 用以帮助开发者在 iOS 和 Android 两个平台开发高质量原生 UI 的移动 SDK, 不仅适合前端程序员，也适合 Android 和 IOS 程序员
| 第一部份 传统的前端 MPA(多页面) 架构 | [无代码] |
|---|---|
| 第一章 Web 开发技术基础 | |
| 1-1 HTML5---定义网页骨架 | [无代码] |
| 1-2 CSS3---装网页 | [无代码] |
| 1-3 JAVASCRIPT---网页交互动作 | [无代码] |
| WEB API教程 | |
| WEB API(DOM)---js可用WEB API控制 HTML5 和 CSS3 | [无代码] |
| 初识HTML(5)+CSS(3)-2020升级版 | |
| SSI服务端包含技术---把不同的小页面合成一个大页面 | |
| 第二章 页面之更快的开发网页 | [无代码] |
| AJAX | [无代码] |
| jQuery | [无代码] |
| Booststrap---响应式页面 | [无代码] |
| Mobile APP---移动端页面开发是重中之重 | [无代码] |
| 第三章 服务器之服务器开发 | [无代码] |
| Node.js---重中之重 | [无代码] |
| 第四章 数据库 | [无代码] |
| MongoDB | [无代码] |
| MySQL | [无代码] |
| 第五章 把页面 服务器 数据库三者联系起来的前端框架 | [无代码] |
| Koa() | [无代码] |
| Express | [无代码] |
| 第二部份 现代的前端 SPA(单页面) 架构 | [无代码] |
| Angular | [无代码] |
| React | [无代码] |
| Vue | [无代码] |
| Thymeleaf | |
| 微信开发 | [无代码] |
| 第三部份 前端工程化 | |
| 脚手架 | [无代码] |
| Webpack---项目打包工具 | [无代码] |
| Gulp和Webpack对比 | |
| [无代码] | |
| 实战 | |
| 前后端联调 | |
| Node+TS+Koa+vue 商城全栈（前后端）开发 | |
| 前端实时可视化开发工具体验 | |
| 浏览器开发者工具使用技巧 |
-
- 本地化接口模拟---本地数据模拟的解决方案有两种思路
- 同等模拟服务器环境，就是依据文档，完全按照服务器的接口配置搭建本地的接口服务；
- 多环境配置&切换，就是从代码的层面配置多个环境（如 线上环境，本地环境），根据是在线上还是在本地切换不同的环境。
- 前后端并行开发
- 本地化接口模拟---本地数据模拟的解决方案有两种思路
-
- 开发规范分类
- 编码规范
- 项目结构规范
- 命名规范
- 模块化分组规范
- 组件化规范---这里的组件化并不是指在代码、框架层面的组件化，而是在架构和规范层面的组件化
- 框架、工具规范
- 框架和 UI 库
- 构建工具
- 其他约定
- 开发规范分类
-
- 把注释生成文档的工具
- JSDoc---是一个根据 javascript 文件中注释信息，生成 JavaScript 应用程序或库、模块的 API 文档 的工具
- 业务逻辑、更新日志与备注
- 业务逻辑 ---有些比较复杂的业务逻辑不太适合放在注释里面，需要单独写逻辑文档，以备后面查看
- 更新日志---更新日志也是一个比较重要文档，能够方便查找更新状态、时间、开发人员等
- 备注
- 把注释生成文档的工具
浏览器上显示 json 格式的数据工具---jsonview
| Electron桌面开发神器 | Webstorm | 为什么单页面的seo不友好？如何解决这一问题 |
|---|
| 服务端渲染（SSR) | 服务端渲染(SSR)和预渲染(Prerendering)有什么区别？ | 单页应用多路由预渲染指南 |
|---|
| HTML5 | CSS3 | Bootstrap | Javascript | JQuery | Sass | Ajax |
|---|
| VUE.JS | React.js | Promise | Axios | Mpvue核心技术 | Angular2 | Zepto |
|---|
| Thymeleaf |
|---|
| SUI Mobile框架 |
|---|
| Sass---主流的 CSS 预处理语言 | pug--- HTML 模板的预处理语言 |
|---|
| Mock.js | swagger | Postman |
|---|
| Node.js | MongoDB |
|---|
| Grunt | Gulp | Webpack |
|---|
| ESS_6_7规范 | JS模块规范 |
|---|
| 浏览器同源政策及其规避方法 | 无头浏览器 Puppeteer 初探 | 为什么单页面的seo不友好？如何解决这一问题？ |
|---|
| 单页应用多路由预渲染指南 | 服务端渲染（SSR) |
|---|
- 跨域资源共享 CORS 详解
- 利用CORS实现跨域请求
- 跨域资源共享”（Cross Origin Resource Sharing, CORS）
- Spring Boot CORS支持
- SpringBoot+CQRS微服务设计模式教程
- 前后端分离项目，如何解决跨域问题
- SpringBoot相关--定义读取配置的类及CORS处理
- 不用调整Nginx，SpringBoot也能解决前端访问的跨域问题
- WEB API编程---DOM
- 电商网站前端架构
- 前端工程师晋级之路 2020版前端技术白皮书--前端学习路径
- web前端工程师 初级+中级+高级+资深+专家级（五部分完）
- Vue2.0+Node.js+MongoDB全栈打造商城系统
- 尚硅谷移动前端HTML5视频_谷粒音乐实战
- 硅谷直聘项目实战
- web前端开发--仿京东官网首页项目实战
- 淘宝商城项目实战开发
- 尚硅谷Web前端全套教程（上）
- 尚硅谷Web前端全套教程（下）
- 2018最新千锋教育UI设计从入门到精通
- 2019千锋Web前端-企业面试题精讲+常见问题讲解
- 全屏切换效果