登录免费注册



H5全栈前端开发

首页  思维导图  详情



H5全栈前端开发

2021-11-12 17:14:15   1  举报





AI智能生成

前端全栈开发梳理，贴近前沿前端技术发展，全面学习前端技术样板，持续更新。。。

前端

Web全栈

前端技术栈

开发

软件开发

模版推荐

作者其他创作

大纲/内容

H5开发做什么？

1. “H5开发”

不是单指html 或者 html5开发

而是指

前端技术不断发展, 到HTML5这个节点的时候, 各方面技术已经成熟

所以, 就以此节点命名, 代表所有的前端技术栈, 统称&quot;H5开发&quot;

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

 Collect

Get Started

H5分享关注

 Collect

Get Started

H5营销设计技巧

 Collect

Get Started

H5

 Collect

Get Started

淘宝足迹H5抓取流程













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

关闭后当前内容将不会保存，是否继续？

取消

确定

Document