下面是前端学习路线以及学习资源推荐:

目录

1. HTMLDOCTYPE

HTML, XHTML, XML 差异性

HTML5 新特性 及 语义化标签

meta, img, script 等标签及其标签属性

有兴趣可以了解 W3C 和 WHATWG HTML5 差异

文章

视频

2. CSSCSS 基础

CSS 布局

CSS 动画

CSS 预处理器(sass, less, stylus)

文章

视频

3. JavaScriptJavaScript 基础

ES6

面向对象编程 和 函数式编程

文章

视频

4. 前端框架Vue路由(Vue-Router)

状态管理(Vuex)

ReactJSX

Class Component, Hooks

路由(React-Router, React-Router-Dom)

状态管理(Redux, Mobx, Context API)

Angular状态管理(Service, NgRx, RxJS)

Svelte路由(svelte-spa-router)

状态管理(Context API)

文章

视频

5. 前端工程化包管理工具(npm, yarn)

JavaScript 编译器(babel)

代码检测工具(ESlint)

自动化打包工具(webpack, rollup, parcel, gulp)

文章

视频

6. 服务端渲染 SSRNuxt(Vue)

Next(React)

Sapper(Svelte)

文章

视频

7. 静态站点生成器 SSGGridsome(Vue)

Gatsby(React)

文章

8. TypeScript和 JavaScript 的差异

基础类型

OOP(模块,类,接口,继承,泛型等)

文章

视频

9. 用 JS 去做服务器端Node.js单线程、事件驱动、非阻塞I/O

框架(Express, Koa,Nest)

Deno

文章

视频

10. 桌面应用程序 Electron

Electron.js是可以通过HTML,CSS,JavaScript开发跨平台的桌面应用程序。基础语法,API

编译

性能优化

调试

部署

文章

视频

11. 移动端开发React Native

Flutter

Ionic

文章

视频

12. 前端架构 JAMStack

JAMStack(JAM 代表 JavaScript,API 和 Markup)

是一种使用 Static Site Generators (SSG) 技术、不依赖 Web Server 的前端架构。

文章

视频

13. WebAssembly

WebAssembly 是一种新的编码方式,可以在现代的网络浏览器中运行底层字节码。

文章

视频零基础如何迅速学习前端?​www.zhihu.com作者:StephenTian

链接:2021 前端开发手册_个人文章 - SegmentFault 思否

来源:segmentfault

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

javascript mysql php_HTML、CSS、JavaScript、PHP、 MySQL 的学习顺序是什么?相关推荐

  1. 炫酷3D相册❤ 520七夕情人节表白网页制作❤(HTML+CSS+JavaScript)

    师妹直呼"这也太哇塞了吧" ❤520七夕情人节表白网页制作❤(HTML+CSS+JavaScript) 520七夕节告白,也就是中国的情人节,你除了送花你还会什么?? 快来制作高端 ...

  2. HTML+CSS+JavaScript 制作电子版的烂漫爱心表白动画(程序员也是很烂漫的)

    HTML+CSS+JavaScript 制作电子版的烂漫爱心表白动画(程序员也是很烂漫的) 程序员给大家留下的印象往往是代码的机器,整天写代码-程序员不懂爱!其实这是对程序员一种片面的看法.程序员固然 ...

  3. ❀520七夕情人节告白网页代码❀—浪漫梦幻3D相册(樱花主题)HTML+CSS+JavaScript

    ❀ 520七夕情人节告白网页代码❀-浪漫梦幻3D相册(樱花主题)HTML+CSS+JavaScript 520七夕节告白,也就是中国的情人节,你除了送花你还会什么?? 快来制作高端大气上档次的D立体动 ...

  4. HTML+CSS+JavaScript制作3D云效果,叼炸天!可用鼠标控制方向!

    HTML+CSS+JavaScript制作3D云效果,叼炸天!可用鼠标控制方向! 作品介绍 1.网页作品简介方面 :3D云效果,叼炸天!可用鼠标控制方向! 2.网页作品编辑方面:此作品为学生个人主页网 ...

  5. Java项目:嘟嘟校园一卡通系统(java+JSP+Servlet+html+css+JavaScript+JQuery+Ajax+mysql)

    源码获取:博客首页 "资源" 里下载! 一.项目简述 功能:卡管理,卡消费,卡充值,图书借阅,消费,记录,注销等等功能. 二.项目运行 环境配置: Jdk1.8 + Tomcat8 ...

  6. 基于javaweb的私人牙科诊所病历管理系统(java+jsp+css+javascript+mysql)

    基于javaweb的私人牙科诊所病历管理系统(java+jsp+css+javascript+mysql) 运行环境 Java≥8.MySQL≥5.7.Tomcat≥8 开发工具 eclipse/id ...

  7. mysql前段编写_HTML、CSS、JavaScript、PHP、 MySQL 的学习顺序是什么?

    ******************************************************************* 兴趣是最好的老师,一个积极的心态建设是很重要的. ******* ...

  8. app登录界面背景 css_计算机毕业设计中Java web实现简登录页面(MyBatis+jsp+servlet+html+css+javascript)...

    点击上方"蓝字",关注我们. 本文利用MyBatis+jsp+servlet+html+css+javascript实现了一个简单的登录页面.对用户输入的用户名和密码就行校验,校验 ...

  9. Html,css,is,php,mysql的学习顺序是什么?

    你还推荐现在的 Web 入门的同学学习 jquery?Web 后端你推荐大家学 php?前端框架技术选型是什么?是否使用 typescript?后端学习什么框架?学习的过程中如何实践?数据库呢? SQ ...

  10. 前端面试+学习笔记(HTML+CSS+JavaScript+ES6+Vue+NodeJs)

    前端面试+学习笔记(HTML+CSS+JavaScript+ES6+Vue+NodeJs) 一. HTML 1. 盒子模型 是什么:每个元素被表示为一个矩形的盒子,有四个部分组成:内容(content ...

最新文章

  1. yii mysql数据库操作_Yii2数据库操作常用方法小结
  2. html 资源缓存,解决index.html缓存问题
  3. Tcpdump配合Tcpreplay回放实现网络探测
  4. 用户测评 | EDAS Serverless 上手体验
  5. 开发板通过NTS挂载在PC机中的文件夹
  6. forge开发_使用Forge,WildFly Swarm和Arquillian开发微服务
  7. 网络交换机的作用有哪些?
  8. [css] 用css怎么实现两端对齐?
  9. 深入Redis客户端(redis客户端属性、redis缓冲区、关闭redis客户端)
  10. pv,svogi,vxgi,各自的优缺点在哪,ue4还有可能把svogi加进去吗
  11. FPGA双沿发送之Verilog HDL实现
  12. 英语计算机职称考试查询成绩,北京职称外语计算机成绩长期有效
  13. python指数积分
  14. nginx配置CSP策略和Nonce随机数方案
  15. Organ at Risk Segmentation for Head and Neck Cancer using Stratified Learning and Neural Architectur
  16. WooCommerce——产品过滤器WooCommerce Products Filter
  17. 如何查询快递单号物流
  18. Unity TimeLine使用详解 (自认为)
  19. 论文阅读笔记《Adaptive Image-Based Visual Servoing Using Reinforcement Learning With Fuzzy State Coding》
  20. 关于文件句柄数和文件描述符的区分

热门文章

  1. public static void main(String[] args)的理解
  2. ride上点击用例不能显示edit信息_接口测试平台代码实现61: 多接口用例1
  3. 【技术+某度面经】Jenkins 内容+百度面经分享
  4. innerHTML和value的区别
  5. linux驱动 cdev,inode结构体
  6. 函数指针与回调函数详解
  7. 串口之GetCommTimeouts、SetCommTimeouts函数详解
  8. SCOM Rule 介绍 [SCOM中文系列之六]
  9. 树莓派3B+学习笔记:4、查看GPIO
  10. Qt setMargin()和setSpacing() 的含义