前端学习路线+前端练手一手抓！

写网页

web 1.0

早期互联网，网页都是静态网页

web 2.0 

目前互联网就处于web 2.0，网页可以动态显示，并且可以和用户进行交互

网页变成了动态网页

web 3.0

噱头

早期的前端工程师

早期就没有前端工程师，早期动态网页都是由服务器生成的

问题：

网页由服务器动态生成，会对服务器造成较大的压力

大部分工作都由后台工程师完成，不利于工作的分工

后台渲染的页面，每次都需要发送新的请求，用户体验不佳

...

现在的前端工程师

前端负责编写网页，同时负责将网页转换为动态页面

动态页面的渲染主要由JavaScript在客户端（浏览器）中完成

学习路线

1、HTML  CSS

选择器

基本样式

布局（盒子模型、浮动、定位、弹性盒、栅格、变形）

动画、过渡

移动端适配 

响应式的布局

CSS预处理（less sass）

HTML负责定义网页的结构（☆）

CSS负责设置网页的样式（☆☆）

2、JavaScript（☆☆☆）

JS负责网页的交互

开始要正式编程了，主要难点在于编程思想的建立

遇到无法独立处理问题时，最佳的解决手段就是多敲代码

学习内容：

大佬一周讲完的前端！还不来学！可白嫖，学完即可就业，亲测有效！-web-web基础-web入门-web前端开发学习

基本语法

流程控制语句 ❤

函数（作用域、this）、内建对象 ❤

面向对象（原型和原型链） ❤

Web API（DOM、BOM）

jQuery（选学）

异步、Promise、事件循环模型、简单算法 ❤

TypeScript（语法更严格的JS）

3、Node.js（☆）

JavaScript运行环境，可以让JS运行在服务器中

可以通过Node.js来编写服务器（不用学的特别深）

学习内容：

模块化（重点）

异步编程（重点）

服务器开发（Express或Koa）

数据库（选学）

包管理器（npm yarn pnpm）（重点）

AJAX（xhr、Fetch、Axios）

4、开发工具（☆）

webpack

vite

git（代码版本控制工具）

打包工具

5、前端框架（☆☆）

React

Vue

建议都学，如果只学一个，可以根据期望就业的地区选择

只学一个建议学Vue

6、项目实战（组件库）

不在多，在精，认认真真做一个足够了

7、就业

8、选学

小程序  Uni App 公众号 原生应用

在这里预祝大家早日成功上岸！互相分享 与君共勉~~~
大家有什么资源也可以互相分享 ，有什么问题也可以互相讨论~~~

啧~~~你一个 我一个 那我们不得学得风声水起~~~（狗头）

开源项目和资料分享：免费领取系统配套的源码 课件等资料白嫖方式：点赞+关注+  私信我~
如果有小白想要入门Java，Python和前端的，但是又不知道学什么 怎么学？可以    私信     我，无私分享Java和Python的网Pan资料~~~或者搜索V  X  公 纵 号 “程程爱编程” 拿走不谢~~