欢迎光临散文网 会员登陆 & 注册

前端学习路线

2023-02-08 22:27 作者:李立超老师  | 我要投稿

写网页

web 1.0

  • 早期互联网,网页都是静态网页

web 2.0 ❤

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

  • 网页变成了动态网页

web 3.0

  • 噱头

早期的前端工程师

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

  • 问题:

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

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

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

    • ...

现在的前端工程师

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

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

学习路线

  1. HTML  CSS

    1. 选择器

    2. 基本样式

    3. 布局(盒子模型、浮动、定位、弹性盒、栅格、变形)❤

    4. 动画、过渡

    5. 移动端适配 ❤

    6. 响应式的布局

    7. CSS预处理(less sass)

    8. HTML负责定义网页的结构(☆)

    9. CSS负责设置网页的样式(☆☆)

  2. JavaScript(☆☆☆)

    1. JS负责网页的交互

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

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

    4. 学习内容:

      1. 基本语法

      2. 流程控制语句 ❤

      3. 函数(作用域、this)、内建对象 ❤

      4. 面向对象(原型和原型链) ❤

      5. Web API(DOM、BOM)

      6. jQuery(选学)

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

      8. TypeScript(语法更严格的JS)

  3. Node.js(☆)

    1. JavaScript运行环境,可以让JS运行在服务器中

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

    3. 学习内容:

      1. 模块化(重点)

      2. 异步编程(重点)

      3. 服务器开发(Express或Koa)

      4. 数据库(选学)

      5. 包管理器(npm yarn pnpm)(重点)

      6. AJAX(xhr、Fetch、Axios)

  4. 开发工具(☆)

    1. webpack

    2. vite

    3. git(代码版本控制工具)

    4. 打包工具

  5. 前端框架(☆☆)

    1. React

    2. Vue

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

      2. 只学一个建议学Vue

  6. 项目实战(组件库)

    1. 不在多,在精,认认真真做一个足够了

  7. 就业

  8. 选学

    1. 小程序

    2. 公众号

    3. 原生应用

    4. Uni App

我的计划

  1. 更新Vue的视频

  2. TypeScript

  3. Vue项目

  4. 前端的直播课

    • 2023年2月13日 周一开始前端直播课

    • 从头开始讲,长直播,每周一二、四五

    • 每天,上午8:30 - 11:30,下午13:30 - 16:30 (暂定)

前端学习路线的评论 (共 条)

分享到微博请遵守国家法律