HTML、CSS和JavaScript网页设计项目实战-Web前端工程师

资讯 2024-07-09 阅读:89 评论:0

HTML5/WEB前端工程师学习路径建议学习时长：约 18 0 课时科目学习内容达到目标课时 W...

美化布局示例

欧易(OKX)最新版本

【遇到注册下载问题请加文章最下面的客服微信】永久享受返佣20%手续费！

APP下载全球官网大陆官网

币安(Binance)最新版本

币安交易所app【遇到注册下载问题请加文章最下面的客服微信】永久享受返佣20%手续费！

APP下载官网地址

火币HTX最新版本

火币老牌交易所【遇到注册下载问题请加文章最下面的客服微信】永久享受返佣20%手续费！

APP下载官网地址

HTML5/WEB前端工程师学习路径

建议学习时长：约 18 0 课时

科目	学习内容	达到目标	课时
Web 前端基础
HTML	HTML文挡结构、属性、文本、标题、图像、表格、链接、表单。	学习针对于Web开发的HTML语法，以及标记的应用。并可以将网页中所见过的组件摆放到网页中完成具有W3C规范的HTML页面编写	4
CSS	选择器、CSS单位、盒子模型、常用样式等	可以学会CSS的语法和在HTML中嵌入CSS的方式，以及各种样式选择器和所有常用的样式属性，并能灵活使用CSS进行样式设计和布局	4
Javascript	语法结构、数据类型详解；JavaScript流程控制和函数；JS面向对象编程，DOM及BOM的应用介绍	JavaScript的所有语法的学习，以及和HTML和CSS联合使用，并可以编写一些页面中常见的脚本程序，并灵活应用DOM的事件处理和各种对象的属性和方法，以及网页中所有特效的编	8
网站设计	网页设计基础、网站发布流程、网站建设常用工具、Web服务器、企业网站和微信公众号搭建	掌握创建企业门户网站和微信公众号	4
DIV和CSS页面布局	网页布局方法、盒子模型、布局模型、常见布局结构	使用DIV和CSS实现网页布局，熟悉常见布局方法	4
Dreamweaver网页设计	入门、使用、网页设计、创建和管理Web站点	熟练掌握Dreamweaver，学会企业网站首页网页设计	2
Photoshop网页设计	Photoshop基础、网页图像设计基础、Photoshop切片并导出网页	学会Photoshop图像处理及切图，学会网站首页图像设计及网站图片切图及导出等	4
实战项目	计算器、选项卡、表单验证、广告轮播、创建企业门户网站和微信公众号、博客、裕科电子网站首页Dreamweaver设计、光辉数码首页PS设计、百丽服饰首页PS切片		10
Web 2.0
Javascript高级编程	JavaScript函数、JavaScript面向对象编程、JavaScript内部对象、BOM、DOM、事件等	掌握Javascript函数高级用法、闭包和递归，常用创建对象方法，ES6的class类使用，常用内部对象、BOM、DOM和事件	8
Ajax	Ajax基础、XHR对象、Ajax设计方式、XML、JSON技术	AJAX是WEB2.0技术的基础，掌握AJAX，使我们可以开发出更好的富客户端WEB应用系统	4
jQuery	jQuery选择器、过滤器、属性操作、文本操作、值操作、节点操作、动画处理、事件处理、jQuery Mobile、jQuery插件等	让学员熟练使用jQuery的各种操作，并且根据需要完成相应的效果。jQuery Mobile是创建移动Web应用程序的框架，用于智能手机和平板电脑WebApp开发	12
实战项目	捡馅饼游戏、移动地图查询		6
Web 3.0
HTML5的设计与应用	HTML5基础、文挡结构、属性、文本、标题、图像、表格、链接、表单、 Canvas对象、音频、视频等。	学会HTML5语言的针对于Web开发的所有语法，以及这些标记中的HTM5L标记的应用。并可以将网页中所见过的组件摆放到网页中完成具有W3C规范的HTML页面编写	8
CSS3.0	CSS3.0基础；CSS3.0选择器；CSS单位、盒子模型、常用样式、CSS3动画、响应式设计等	可以学会CSS3的语法和在HTML5中嵌入CSS3的方式，以及各种样式选择器和所有常用的样式属性，并能灵活使用CSS进行样式设计和布局	4
响应式设计	响应式设计概述、viewport视区、网格视图、媒体类型、@media 查询、媒体查询实现断点、图片、视频	掌握响应式网页设计，了解常见响应式框架	4
Bootstrap	框架、文件结构、使用基础、网格系统、 CSS样式、常用组件、JavaScript插件、定制Bootstrap	了解bootstrap文件结构及使用方法，熟悉网络设计及常用组件，学会定制bootstrap	10
Node.js	安装Node.js、建立HTTP服务器、异步式I/O与事件式编程、模块和包、调试、Web开发、http模块、Express框架等	学会Node.js安装使用，建立HTTP服务器，掌握异步式异步式I/O与事件式编程，学会程序调试，Web开发和Express框架	20
实战项目	基于HTML5和CSS3的房产租售网、基于Bootstrap的百度贴吧、基于nodejs的微博		4
Web跨平台移动APP
AngularJS	表达式、指令、控制器、过滤器、Http、表格、SQL、HTML DOM、HTML 事件、模块、表单、输入验证、Bootstrap、API、依赖注入、路由	掌握AngularJS数据绑定和依赖注入，使用AngularJS创建动态Web应用	20
React	安装、React基础、AJAX、表单与事件、Refs、JSX、组件、State、Props、Router、ImmutableJS、Flux、Redux	掌握React基础、JSX和组件，熟悉React生态系统	20
ionic	跨平台移动APP开发基础、ionic CSS、ionic JavaScript、常用组件、常用操作、手势事件	使用ionic实现跨平台移动APP开发	10
实战项目	基于AgularJS的实时自选股行情、用 React+Router+Redux+ImmutableJS 写一个 Github 查询应用、基于React的苹果篮子游戏、仿美团WebApp、基于ionic的跨平台移动APP逍遥游		10