H5全栈前端开发
2021-11-12 17:14:15 1 举报AI智能生成
前端全栈开发梳理，贴近前沿前端技术发展，全面学习前端技术样板，持续更新。。。
作者其他创作
大纲/内容
H5开发做什么？
1. “H5开发”
不是单指html 或者 html5开发
而是指
前端技术不断发展, 到HTML5这个节点的时候, 各方面技术已经成熟
所以, 就以此节点命名, 代表所有的前端技术栈, 统称"H5开发"
H5开发涉及多端领域
PC端网站
移动端网站
移动跨平台开发
后端开发
...
2. H5开发方向
一个产品的诞生步骤
需求分析,产品规划,生产产品的原型设计
产品界面的色调风格, 元素大小, 交互动效, 效果图设计,切图等等
大前端开发
B浏览器端
A移动端
iOS
Android
跨平台RN, 一份代码, 两个平台
基于App的二级生态
微信小程序
支付宝小程序
...
C桌面软件
后端开发(s)
Python
Java
PHP
...
Node.js
软件测试
3.初识html5
HTML：Hyper Text Markup Language（超文本标记语言）
常用开发工具
轻量级
记事本
电脑自带，无需安装
无编码提示，编码体验不佳
Sublime Text
支持各种编程语言，支持插件配套
快捷键能极大的减少开发劳动力
项目管理不方便，版本管理稍欠火候
Hbuilder
国产免费，支持其他语言开发和webapp等功能
语法提示、定义、重构、调试等方面都非常高效
Atom
支持宏，自动完成分屏功能，集成了文件管理器
Visual Studio Code
功能强大，界面简洁明晰、操作方便快捷
界面设计非常人性化，交互体验不错
重量级
Dreamweaver
具备简化的智能编码引擎，可轻松创建工程，界面交互友好
视觉辅助功能减少错误并提高网站开发速度
运行比较复杂；内存占用较多
WebStorm
功能集成性好，具备git、调试、搜索之类，代码整体质量较高
H5更新大纲
01-html+html5
02-css+css3+响应式布局
03-css预解析less
04-网页项目实战
05-js-基础
06-js-面向对象+设计模式
07-js-BOM-DOM-事件
08-ES678语法补充
09-jQuery精讲
10-Linux精讲
11-node+数据库+前后端对接精讲
12-前端安全
13-构建工具webpack
14-前端框架-Bootstrap+案例
15-前端框架-vue精讲
16-react+redux+AntD
17-移动跨平台开发-ReactNative
18-前后端案例分析与项目实战
开发目标
1. 掌握PC端网站开发
html
css
js
...
2. 熟练使用前端框架/库
jQuery
BootStrap
AntD
Vue
生态
React
生态
3. 掌握前端开发思想
组件化
模块化
工程化
4. 了解后端开发
node+mysql
5. 了解移动端开发
rn
6. 了解响应式开发
bootstrap
0 条评论
下一页
