Web前端工程师学习方向分享
2022-10-13 10:47:27 0 举报
AI智能生成
Web前端工程师学习方向分享
作者其他创作
大纲/内容
WebStorm
Dreamweaver
Hbuilder
Editplus
Sublime
Vim(高手使用较多)
......
常用开发工具介绍
属性
事件
标签
字符集
HTML
CSS基础教程
背景
文本
字体
链接
列表
表格
轮廓
CSS样式
内边距
边框
外边距
CSS框模型
相对定位
绝对定位
浮动
CSS定位
元素选择器
选择器分组
类选择器
ID选择器
属性选择器
后代选择器
子元素选择器
相邻兄弟选择器
伪类
伪元素
CSS选择器
对齐
尺寸
分类
导航栏
图片库
图片透明
盒子模型
媒体布局
CSS高级
CSS
HTML+CSS
HTML5视频
HTML5音频
HTML5拖放
HTML5画布
HTML5 SVG
HTML5地理定位
HTML5 Web存储
HTML5 应用缓存
HTML5表单
HTML5
CSS3边框
CSS3背景
CSS3文本效果
CSS3字体
CSS3 2D转换
CSS3 3D 转换
CSS3 过渡
CSS3 动画
CSS3 多列
CSS3
HTML5+CSS3
认识JavaScript
基本语法
变量
字符串
数字
布尔
数组
对象
Null
Undefined
数据类型
内置函数
自定义哈数
函数
运算符
流程控制
String
Array
Date
Boolean
Math
Number
DOM对象
WIndow
Navigator
Screen
History
Location
BOM对象
综合实例
JavaScript
阶段一
JavaScript进阶,主要学习构造函数,原型对象,继承的多种实现方式,原型链,函数的本质,闭包,沙箱等
DOM+BOM综合演练
网页特效
基础语法
基本选择器
层次选择器
过滤选择器
表单选择器
选择器
查找节点
创建节点
插入节点
删除节点
复制节点
替换节点
包裹节点
属性操作
样式操作
DOM操作
事件绑定
事件冒泡
show、hide
fadeIn、fadeOut
slideUp、slideDown
自定义动画animate
动画回调以及停止动画
动画
浏览器及特性检测
数组和对象操作
常用工具
Ajax
Jquery插件编写
Jquery学习
ES6进阶
Layer UI,主要学习栅格布局,图标,动画,按钮,表单,导航,选项卡,进度条,面板,表格,时间线等
Bootstrap,同上
animate.css学习(扩展)
PS切图学习
阶段二
模版语法
计算属性侦听器
Class与Style绑定
条件/列表渲染
事件处理
表单输入绑定
组件基础、注册
Prop
自定义事件
Vue基础
State
Getter
Mutation
Action
Module
Vuex
认识路由
动态路由
嵌套路由
编程式导航
路由组件传参
Vue-router
认识axios,全局配置,发送POST、GET请求等
axios
Vue
认识React
React元素渲染
JSX
组件
Props
条件渲染
组件API
组件声明周期
React
console(控制台)
crypto(加密)
debugger(调试器)
fs(文件系统)
http(网络)
os(操作系统)
path(路径)
基础
NPM介绍及使用
MVC模式简介
Express框架学习
链接Mysql
链接Redis
项目实战
高级
Node
概念,主要讲什么是入口,出口,loader,插件等
单个入口语法
对象语法
常见场景
入口
用法
多个入口起点
高级进阶
输出
development
production
模式
实例
配置
loader
剖析
插件
基本配置
多个Target
使用其他语言配置
模块
webpack
阶段三
认识mysql
安装mysql
创建数据库、数据表
学习常用的SQL命令,完成增删查改
学习Mysql关联查询,子查询等
学习Mysql常用函数
学习Mysql分组、分页、排序等
学习Mysql高级查询
了解存储过程,自定义函数等
了解Mysql配置文件
Mysql
认识Redis
学习redis的数据类型
redis常用操作
redis事务
Redis
阶段四(扩展部分,了解即可)
认识svn
安装
生命周期
启动模式
创建版本库
检出操作
解决冲突
提交操作
版本回退
查看历史
分支
SVN使用
认识git
安装配置
工作流程
工作区、暂存区和版本库
创建仓库
基本操作
分支管理
查看历史等
github
GIT使用
项目管理篇
了解小程序开发流程
view
scroll-view
movable-view
cover-view
cover-image
视图容器
icon
text
rich-text
progress
基础内容
button
checkbox
form
input
label
picker
picker-view
radio
slider
switch
textarea
表单组件
navigator
function-page-navigator
导航
audio
image
video
camera
live-player
live-pusher
媒体组件
地图(map)
画布(canvas)
open-data
web-view
ad
official-account
开放能力
小程序
认识apicloud
开发工具讲解
API对象
设备访问
功能扩展
界面布局
导航菜单
小程序模块
云服务对接
端API
数据云API
统计云API
推送云API
云API SDK
云API
小程序模块使用
apicloud(移动app开发)
扩展部分
iview (vue框架)
element ui (vue框架)
echarts (百度图标库)
阿里巴巴开源图标使用
Sass学习
Swiper学习
zoom.js 学习
常用框架使用篇
教务管理系统(node+express+mysql)实现
综合项目实战
阶段五
Web前端工程师学习方向分享
0 条评论
回复 删除
下一页