1. div和table
成都创新互联公司专业为企业提供闽清网站建设、闽清做网站、闽清网站设计、闽清网站制作等企业网站建设、网页设计与制作、闽清企业网站模板建站服务，10多年闽清做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
这个是最简单的，也是最基础的。要熟练掌握div、form table、ul li 、p、span、font这些标签，这些都是最常用的，特别是div和table，div用于布局、table也可以用于布局，但是不灵活，基本 table是用来和数据打交道。
2.html
HTML是指超文本标签语言，是目前web领域应用广泛的语言，我们只需要在html文档中插入对应的标签，即可实现web页面的编写与排列，所以要熟练掌握HTML基本知识，包括每个标签的用法等。
3. CSS
CSS指层叠样式表，可以为HTML标签自定义样式，通过设置HTML标签的样式，来改变其外形，达到美化与排版web页面的目的。
4.Javascript
Javascript是网页脚本语言，它可以在html中运行，设置并修改浏览器中的各种对象与变量。例如用来改进设计、验证表单、检测浏览器、创建 cookies等等，现在各大网站都可以看见 Javascript的踪影，常见的网站首页大眼晴、警告提示框、页面动画效果等等。Javascript更是一种在客户端广泛使用的脚步语言，在 Javascript当中提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的特效、验证、交互等!
5.Jquery
Jquery是相当于把js封装了一套的一个js插件，目的就是操作起来更方便，代码写的更少。 Jquery是一个免费、开源的轻量级的Javascript库，并且兼容各种浏览器，同时现在有很多基于 Jquery的插件可供选择，这样在我们实现一些丰富的动态效果时更方便快捷，大大节省了我们开发的时间，提高了开发速度。
6.框架
从 bootstrap开始，响应式的珊格系统被后来框架一直沿用，建议学一套主流mvc框架，vue，react， angular两选一种。
7.会点后台语言
对于前端工程师来说，并不需要像网站程序员样，编写对象、开发特殊功能、搭建数据库。但是前端工程师要掌握基本的页面GET＆POST传参、程序判断语法、程序输出语法、页面提交、数据库查询与记录插入，以及掌握HTTP与WEB工作原理、掌握Socket长连接实时网络通信技术、掌握 NOSQL中的 MONGODB的应用、了解PHP语法、了解 MYSQL数据库的基本操作。
当然，以上技能能够帮助你成为一个合格的前端工程师，但要成为一个优秀的前端，必须掌握除技术以外的东西，例如设计，用户等等，因此还需不断的坚持学习。
1、支持的前端开发语言有：
前端主要是用WXML、WXSS以及JavaScript来开发。本质上就是JS+CSS+HTML5，不过不能直接用HTML标签，微信提供一个组件库，没有DOM和其他浏览器上的API；网络、Canvas等也重新包装过。【点击查看APP开发的真正报价】
2、支持的后端开发语言有：
其实理论上后端用什么语言都可以，只要能够从服务器上获取到数据，例如：PHP、Java或者Python来开发。一般对于企业而言，都是采用php程序开发微信小程序；技术要求高一点的可以采用java程序开发。
想要了解更多有关APP开发的相关信息，推荐咨询猪八戒网。猪八戒网有千万服务商为企业、公共机构和个人提供定制化的解决方案，将创意、智慧、技能转化为商业价值和社会价值。2011年猪八戒网获得IDG投资并被评选为中国2011年度“最佳商业模式十强”企业；专业性值的信赖。
使用注解@JSONField
其中name: "list"的list就是后台返回字段名称,deserialize(默认true)是否参与fromJson解析,serialize(默认true)是否参与tojson,
比如包含如下json
可以解析出来list中map的所有字段,并且每个list的map字段不同或者为null问题有会做出处理
helper文件内容
直接传递上面生成的entity就可以自动根据map解析出对应实例,并自动赋值
网络请求实例
dio请求部分
这些操作完成后自动生成如下文件
@JSONField作用在Field时，其name不仅定义了输入key的名称,为了防止后台返回数据不规范,但是flutter端需要按照驼峰命名
a_b_c_entity_helper.dart类提供了eitity类的tojson和fromjson代理方法
json_convert_content.dart提供了json_convert_content.dart.fromJsonAsT方法 根据泛型来解析json成对象
第一阶段：PC端页面制作与动画特效
学完第一阶段就可以配合UI设计师进行项目开发完成pc端网页的布局制作与样式设计实现。
一、html+css搭建页面
1. HTML语义化标签
2. Html标签规范
3. Css样式基础
4. Css高级及布局方案
二、PhotoShop切图流程
1. Photoshop基本使用
2. 了解各种图片格式及优缺点
3. 图片切图流程
4. PSD格式源文件切图流程
5. 设计图转页面布局实际操作
三、Css3动画特效
1. Transition过渡
2. Transform变形
3. Animation动画
4. 3D特效制作
第二阶段：移动端页面制作与响应式实现
这一阶段主要是移动端网页的布局制作与样式设计实现。可以适配各种手机尺寸，并能利用响应式惊醒移动端与PC端适配。
一、移动端概念与布局
1. 移动端概念，如：PPI、像素比
2. Viewport视口
3. 移动端适配方案
4. 移动端尺寸单位，如：rem、vw
5. 移动端布局实际操作
二、响应式设计与实现
1. 媒体查询@media
2. Flex弹性盒模型
3. 移动端常见设备尺寸
4. 移动端交互实现
第三阶段JavaScript与jQuery开发
这一阶段是重中之重，这一阶段主要是页面行为交互，实现网站中常见特效，如：轮播图、选项卡、拖拽。并能配合UI和后端进行项目开发；
一、JavaScript开发
1. DOM、BOM、事件
2. 面向对象、算法、动画
3. Ajax、前后端通信原理
4. 闭包、设计模式、错误处理
5. 常见特效制作及整站交互实现
二、jQuery开发
1. jQuery核心思想及特性
2. jQuery常见方法及使用
3. jquery插件制作与jqueryUI组件使用 4.
4、编写常见特效及jQuery源码分析
三、项目：纯原生前端技术打造仿小米电商网站视频
第四阶段：H5高级框架技术开发；
这一阶段是现在公司开发中常用的框架，这一阶段学完就可以利用框架开发项目，实现单页面应用开发。可以完成复杂的数据交互应用场景。具备独立开大项目的能力。
一、Vue框架开发及项目 1、Vue基础教程 a) Vue组件与Vue生命周期 b) 单文件组件与脚手架搭建 c) Vue路由 d) Vuex状态管理 e) Nuxt服务端渲染 f) 基于Vue的UI组件库
二、Vue项目：
三、Vue常见问题讲解：
二、React框架开发
1、 React基础教程 a) JSX语法与Hooks新特性 b) React路由 c) Redux状态管理 d) Next服务端渲染 e) 基于React的UI组件库
第五阶段：全栈前后端技术开发
学好了这个阶段的技术恭喜你就能进行前后端全栈式开发了，能独立完成一个中小型项目的前后台。
一、Nodejs技术
1. Node内置API
2. Node文件操作与服务器搭建
3. Express框架与KOA框架
4. Mongodb数据库
5. Npm的功能使用
二、其他后端技术
1. 初始Java或PHP语言
2. 表达式与数据类型
3. 语句结构与数组
4. 类与对象
5. this、static属性、方法
6. 抽象类、接口与多态
三、NodeJS+Express+MongoDB实战项目
第六阶段：混合应用技术开发
一、React Native技术
1. RN开发环境准备与基础组件介绍
2. 多组件集成应用实现TodoList
3. 引入路由，通用模块及列表页面布局
4. RN内置API详解
5. RN内置组件与项目上线流程
二、微信小程序开发
1. 小程序组件
2. 小程序API
3. 小程序云函数
4. Wepy小程序开发框架
5. MpVUe小程序开发框架
三、小程序项目
四、Mpvue小程序框架
第七阶段：H5大前端技术开发
一、数据可视化技术
1. 数据可视化基础
2. Echars、Hignchars
3. D3.js入门
4. D3,js进阶
5. D3.js选择集与数据
6. D3.js高级应用
7. D3,js应用工具：NVD3、N3-chars
二、Flutter技术
1. 界面结构与基础部件
2. 布局与表单
3. Dart语法
4. Widgets容器
5. 网络请求与路由
三、Electron技术
1. Electron入门
2. Electron调试技巧
3. Electron核心API
4. Electron与React、vue集成开发
5. 构建Windows、mac应用
第八阶段：H5架构技术 ，开发工具集服务器技术
1. 掌握Webpack等工具搭建项目
2. Git工具及github管理
3. 阿里云ECS：Linux服务器
4. Nginx：Web服务器
5. Docker：容器化应用
6. Serverless：无服务器技术
二、安全及性能优化
1. 前端攻击demo详解
2. 前端监控异常
3. 测试前端代码线上的实际性能
4. SEO：搜索引擎优化
5. Chrome中的高级调试功能
以上就是给你分享的千锋前端的学习路线，贴合企业，就业有保障
web前端学习课程主要有以下内容：
一、前端页面重构。
如果想学习这门课程的话，就得先从前端页面重构学起。在这一阶段的学习中要学会PC端网站布局项目、【Web前端】基础项目及页面布局项目，可能对于非IT行业的人来说这些名词很陌生，但对于IT业内人士来说却很熟悉。
二、JAVA高级程序设计。
想学好Web前端培训课程，就得学好程序设计，自从电脑出现以后就有了电脑语言，只有把人的指令转化为电脑语言才能指挥电脑为人类工作。比如想在电脑上查什么，就可以给电脑发出指令，而这个指令一般都是人类的语言，在电脑反应之前就会转化为电脑语言，然后再转化为人类语言给出所查的结果。这所有的语言转化都是在电脑主机中进行的。而这些转化就有赖于程序设计了。
三、PC端全栈项目开发。
这一阶段的内容很许多，比如微信场景项目、应用各种技术项目开发等。其中有些对于业外人士是比较艰涩难懂的，但习惯于电脑语言的人却很容易就看懂了。感兴趣的话点击此处，免费学习一下
想了解更多有关前端学习课程的相关信息，推荐咨询【达内教育】。达内与阿里、Adobe、红帽、ORACLE、微软、美国计算机行业协会（CompTIA）、百度等国际知名厂商建立了项目合作关系。共同制定行业培训标准，为达内学员提供高端技术、所学课程受国际厂商认可，让达内学员更具国际化就业竞争力。达内IT培训机构,试听名额限时抢购。
这里整理了一份web前端学习路线，比较系统和全面，希望可以帮到你~
第一阶段：专业核心基础
阶段目标：
1. 熟练掌握HTML5、CSS3、Less、Sass、响应书布局、移动端开发。
2. 熟练运用HTML+CSS特性完成页面布局。
4. 熟练应用CSS3技术，动画、弹性盒模型设计。
5. 熟练完成移动端页面的设计。
6. 熟练运用所学知识仿制任意Web网站。
7. 能综合运用所学知识完成网页设计实战。
知识点：
1、Web前端开发环境，HTML常用标签，表单元素，Table布局，CSS样式表，DIV+CSS布局。熟练运用HTML和CSS样式属性完成页面的布局和美化，能够仿制任意网站的前端页面实现。
2、CSS3选择器、伪类、过渡、变换、动画、字体图标、弹性盒模型、响应式布局、移动端。熟练运用CSS3来开发网页、熟练开发移动端，整理网页开发技巧。
3、预编译css技术：less、sass基础知识、以及插件的运用、BootStrap源码分析。能够熟练使用 less、sass完成项目开发，深入了解BootStrap。
4、使用HTML、CSS、LESS、SASS等技术完成网页项目实战。通过项目掌握第一阶段html、css的内容、完成PC端页面设计和移动端页面设计。
第二阶段：Web后台技术
阶段目标:
1. 了解JavaScript的发展历史、掌握Node环境搭建及npm使用。
2. 熟练掌握JavaScript的基本数据类型和变量的概念。
3. 熟练掌握JavaScript中的运算符使用。
4. 深入理解分之结构语句和循环语句。
5. 熟练使用数组来完成各种练习。
6.熟悉es6的语法、熟练掌握JavaScript面向对象编程。
7.DOM和BOM实战练习和H5新特性和协议的学习。
知识点：
1、软件开发流程、算法、变量、数据类型、分之语句、循环语句、数组和函数。熟练运用JavaScript的知识完成各种练习。
2、JavaScript面向对象基础、异常处理机制、常见对象api，js的兼容性、ES6新特性。熟练掌握JavaScript面向对象的开发以及掌握es6中的重要内容。
3、BOM操作和DOM操作。熟练使用BOM的各种对象、熟练操作DOM的对象。
4、h5相关api、canvas、ajax、数据模拟、touch事件、mockjs。熟练使用所学知识来完成网站项目开发。
第三阶段：数据库和框架实战
阶段目标：
1. 综合运用Web前端技术进行页面布局与美化。
2. 综合运用Web前端开发框架进行Web系统开发。
3. 熟练掌握Mysql、Mongodb数据库的发开。
4. 熟练掌握vue.js、webpack、elementui等前端框技术。
5. 熟练运用Node.js开发后台应用程序。
6. 对Restful，Ajax，JSON，开发过程有深入的理解,掌握git的基本技能。
知识点：
1、数据库知识，范式，MySQL配置，命令，建库建表，数据的增删改查，mongodb数据库。深入理解数据库管理系统通用知识及MySQL数据库的使用与管理，为Node.js后台开发打下坚实基础。
2、模块系统，函数，路由，全局对象，文件系统，请求处理，Web模块，Express框架，MySQL数据库处理，RestfulAPI，文件上传等。熟练运用Node.js运行环境和后台开发框架完成Web系统的后台开发。
3、vue的组件、生命周期、路由、组件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解，能够运用Vue.js完成基础前端开发、熟练运用Vue.js框架的高级功能完成Web前端开发和组件开发，对MVVM模式有深刻理解。
4、需求分析，数据库设计，后台开发，使用vue、node完成pc和移动端整站开发。于Node.js+Vue.js+Webpack+Mysql+Mongodb+Git，实现整站项目完整功能并上线发布。
第四阶段：移动端和微信实战
阶段目标：
1.熟练掌握React.js框架，熟练使用React.js完成开发。
2.掌握移动端开发原理，理解原生开发和混合开发。
3.熟练使用react-native和Flutter框架完成移动端开发。
4.掌握微信小程序以及了解支付宝小程序的开发。
5.完成大型电商项目开发。
知识点：
1、React面向组件编程、表单数据、组件通信、监听、声明周期、路由、Redux基本概念。练使用react完成项目开发、掌握Redux中的异步解决方案Saga。
2、react-native、开发工具、视图与渲染、api操作、Flutter环境搭建、路由、ListView组件、网络请求、打包。练掌握react-native和Flutter框架，并分别使用react-native和Flutter分别能开发移动端项目。
3、微信小程序基本介绍、开发工具、视图与渲染、api操作、支付宝小程序的入门和api学习。掌握微信小程序开发了解支付宝小程序。
4、大型购物网站实战，整个项目前后端分离开发；整个项目分为四部分：PC端网页、移动端APP、小程序、后台管理。团队协作开发，使用git进行版本控制。目期间可以扩展Three.js 、TypeScript。
