“妈我不想去上课!”“不行你是老师!”
老李是一名前端老师,一个正经八百的技术老师
90 后,在 2021 年,终于到了叫他老李的时候~
为了不去上课,这位“老家伙” ,把自己的前端大纲和授课秘籍都发给我了。
记得看完点赞收藏哦~
文章目录
- 秘籍涉及技术栈
- 入门第一阶段
- 入门第二阶段
- 入门第三阶段
- 入门第四阶段
- 入门第五阶段
- 入门第六阶段
秘籍涉及技术栈
- HTML5
- CSS3
- JavaScript
- ES6
- 数据可视化
- React
- Node.js
- Vue.js
入门第一阶段
HTML5+CSS3 相关领域知识,你需要学习如下内容,标准的前端工程师知识点。
自适应布局
,BFC(块级格式化上下文)
;选择器
,盒模型
,浮动
,背景
,定位
,Flex
;转换
,Web 字体
,动画
;标签语法
,排版标签
,布局标签
,多媒体标签
。
这一阶段你要达成如下目标:
- 熟练的操作 IDE;
- 掌握 HTML5 中的标签;
- 掌握 CSS 语法以及字体属性;
- 掌握盒模型;
- 掌握浮动语法;
- 掌握四种定位何其应用场景;
- 掌握精灵图;
- 熟练操作 CSS3 中的变形函数,动画,模型;
- 掌握弹性盒相关属性;
- 学习响应式布局 。
本阶段还应该学习到,企业级 PC 端项目的开发流程和规范,包括借助蓝湖协同平台进行网页开发。
入门第二阶段
本阶段来到 Javascript 知识部分,重点基础知识如下:
流程控制
,循环
,函数
,对象
,数组
;宿主环境
,节点操作
,事件流
;高阶函数
,排序
,重绘
,回流
;预加载
,面向对象
,原型
;柯里化
,箭头函数
,闭包
。
最新的前端大纲需要学习 ES6+ 语法,具备面向对象编程的能力,可以扩展的知识点为 点九图
,ECharts
,jQuery
,其中 jQuery
包含 jQuery 基础、jQuery 进阶、jQuery 高级三个部分内容,ECharts
主要用于数据可视化。
这一阶段你要达成的目标:
- 掌握 JS 基础语法;
- 掌握函数式编程;
- 掌握 JS 内置对象 API 的应用场景和使用方式;
- 掌握 DOM 与 BOM 操作;
- 掌握事件的触发机制和传播原理;
- 掌握递归,闭包,回调函数。
入门第三阶段
本阶段为客户端与服务端交互部分知识,重要知识点如下:
客户端与服务器
,封装 Ajax
;axios
,跨域
,防抖节流
;HTTP
;Node.js
,MySQL数据库
,Express
;WebSocket
,Webpack
;身份认证
,session
,JWT
,Git
,Token 身份认证
。
这一阶段你要达成的目标:
- 熟练操作 GIT 版本管理工具;
- 熟练掌握 AJAX 技术;
- 掌握数据交互之第三方库 axios 的使用以及高阶拦截器;
- 掌握 NodeJS 模块;
- 掌握 Express 框架、Express 中间件原理、Express 脚手架;
- 掌握 Cookie、Session、文件上传等原理;
- 深入理解 Http 协议,前后端交互流程及原理;
- 掌握 Webpack 打包原理;
- 掌握 Mysql 数据库存储方式。
入门第四阶段
这一段是重点了,主要学习两款主流框架,即 VUE 和 React。
Vue基础
、Vue进阶
,Vue-cli
,Vuex
,vue-router
;Element
,Vant
,MVVM 原理
,React
;JSX
,虚拟 DOM
,组件通信
,数据管理流程
;百度地图
,utils
,AntedPC
,fetch
。
这一阶段你要达成的目标:
- 学会 VUE 基本指令的使用;
- 掌握事件的绑定方法和流程;
- 掌握事件修饰符、生命周期、过滤器、watch 侦听器;
- 掌握组件的创建和注册以及组件通信的使用;
- 掌握脚手架的创建以及使用;
- 掌握 Vue 常用技术栈,如 vue-cli、vue-router、vuex;
- 掌握 vuex 状态管理以及辅助性函数的使用;
- 掌握 React 的概念、特点以及 jsx 的基本使用;
- 掌握 React 组件的概念以及注册;
- 掌握 React 的事件处理。
入门第五阶段
本阶段为小程序专门设计,重要知识点如下:
微信小程序
,小程序发布流程
;WXS
,微信支付
,Mobx
,uni-app
;绘图容器
。
这一阶段你要达成的目标:
- 掌握微信小程序开发;
- 掌握微信小程序模块化及组件化的操作;
- 掌握微信小程序原生语法结合 Promsie 进行业务开发的使用;
- 掌握微信小程序部署发布上线的能力;
- 掌握 wxml 和 wxss 实现小程序的界面布局;
- 掌握微信小程序拓展能力,如组件库、computed、骨架屏的使用;
- 掌握 uni-app 框架基础语法、熟练使用 HBuilderX 开发工具;
- 掌握 Canvas、svg 绘图容器使用。
入门第六阶段
多端框平台内容,重要知识点如下:
React-Naitve
,Flutter
,Dart
,PWA
,Taro
;AST
,gitflow 工作流
;Egg
,koa
;redis
,MongoDB
。
这一阶段你要达成的目标:
- 掌握 RN 原生 App 界面布局;
- 掌握 Flutter 开发环境搭建以及常见的布局方式;
- 理解 Taro 实现跨平台开发的原理机制;
- 掌握 Dart 语言基础;
- 理解 Taro 开发小程序与原生小程序的差异;
- 通过 PWA 技术强化 H5 网页的原生特性;
- 运用 Egg 完成项目;
- 掌握 Koa 的中间件编写;
- 结合 redis 完成项目;
- 理解 MongoDB 核心概念与使用。
今天是持续写作的第 154 / 200 天。
求点赞、求评论、求收藏。
点赞、收藏本文总数过 1000,下一份技术栈学习大纲,你们评论随意点,熬秃头也出
“妈我不想去上课!”“不行你是老师!”相关推荐
- 我想去远方,我想出去走走,我想到处看看!!
不知不觉我已经工作4年啦! 并且一直从事java开发,一点点的学习,一点点的进步,哭过,累过,笑过! 现在在一家外包公司工作,工作很饱和,也能准时完成任务, 但是突然我就有一种厌倦感,不想对着电脑,不 ...
- 北京44岁程序员失业,感叹:编程估计没戏了,想去卖煎饼果子
点击上方蓝色"程序猿DD",选择"设为星标" 回复"资源"获取独家整理的学习资料! 程序员35岁中年危机,似乎是一个跨不过去的坎,最近,在职 ...
- loading gif 透明_搞笑GIF:有这样的女朋友下班哪里都不想去
原标题:搞笑GIF:有这样的女朋友下班哪里都不想去 这样的广场舞看着不凉快吗? 大哥慢点,机器经受不住你这样的速度 求孩子的心里阴影面积 生孩子就是用来玩的. 有这样的媳妇做饭,下班哪里也不想去 1. ...
- 商科能读计算机专业吗,我本科读的计算机 想去新西兰留学可以换专业吗? 没分了跪求啊,...
我本科读的计算机 想去新西兰留学可以换专业吗? 没分了跪求啊,以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 我本科读的 ...
- (Modern Family S01E04) Part 2 PhilClaire Luke和Haley玩游戏 Haley想去音乐会父母不同意
Part 2 Phil&Claire Luke和Haley玩游戏 Haley想去音乐会父母不同意 玛丽·马克小姐 马克马克 Miss Mary Mack, M ...
- 卓训教育:孩子叛逆厌学怎么办?孩子不想去上学怎么办?
孩子厌学怎么办?在生活中,我们经常发现厌学的孩子普遍表现出讨厌上学.视学习为负担,把学习作为一件痛苦的事情,不爱写作业或拖拖拉拉,一到上学就喊头疼肚子疼,一看书就犯困,在教室里焦虑.坐不住.注意力无法 ...
- 北京35岁程序员失业,感叹:编程估计没戏了,想去卖点煎饼果子养家~
程序员35岁中年危机,似乎是一个跨不过去的坎,最近,在职场论坛上看到了一位帝都44岁大龄程序员被裁的帖子,有些低落. 帖子具体内容如下:因为疫情,老大哥所在部门被砍掉了,部门所有人都被裁掉了. 老大哥 ...
- 阿里35岁程序员失业,为了房贷车贷想去卖煎饼果子养家,IT行业的活路到底在哪里!
程序员35岁中年危机,似乎是一个跨不过去的坎,最近,在职场论坛上看到了一位帝都44岁大龄程序员被裁的帖子,有些低落. 帖子具体内容如下:因为疫情,老大哥所在部门被砍掉了,部门所有人都被裁掉了. 老大哥 ...
- 关于成都我想去的各个培训机构实地测评
成都这边我想去的机构有四家,动力节点,尚马教育,尚硅谷,蜗牛学院,从前天到昨天吧,也算是来回奔波,四个机构都聊过了.下面按照我聊天的时间顺序讲一下各个机构的看法,当然每个机构的聊天我都是有录音的,均为 ...
最新文章
- 人间真实!如果我有这套装备,我也能码到凌晨...... | 每日趣闻
- JQuery Tables 的应用(一)
- 软件测试-PR录制脚本程序的时候出现license invalid,error code=-13或者-24的错误
- Git学习笔记(0)-错误汇总
- bzoj 3343 教主的魔法 分块
- SAP Analytics Cloud里看到的SAP C4C的query列表,是从哪里取出来的
- 【程序设计】程序错误类型
- 埃森哲发布 2015 年五大 IT 趋势预测
- 华为云官网前端的技术演进与低代码实践
- Python 写入csv中文乱码问题
- 九宫格一条线连起来_9个圆圈用4条线连起来-九个点用四条线连接-数学-霍甲心同学...
- 小白都能看懂的go语言包管理工具DEP详解
- 走出“大唐” 穆穆-movno1 第一财经周刊
- iphone11右上角信号显示_原来,iOS 11移动信号图标里竟然隐藏着 iPhone 8的巨大秘密...
- ROBOGUIDE软件机床上下料仿真:数控铣床运动机构制作
- 如何将计算思维融合到C语言程序设计中,利用案例融合计算思维与C语言教学
- 2012年中国土地市场网数据(含经纬度)
- 【ACM 2020 - Text Recognition in the Wild:A Survey】OCR识别综述
- 基于JSP开发的电影票预订系统 JAVA MySQL
- 大数据实战 --- 淘宝用户行为数据分析