慕课网-2020版前端工程师

慕课网-

零基础学习前端工程师2020版(前23周)

0基础学IT,首选前端工程师

不管你之前学什么、做什么,入行前端,都是明智的选择!
市场需求大,就业前景好,入行门槛低,小白易上手。

部分目录截图展示

目录

阶段一:前端基础入

27门课 /课程总时长:47小时 /练习题:405 /大作业:2 /考试:2 /教辅资料:68

第1周   HTML5基础语法与标签

本周是入门前端的第一步,学会IDE插件安装和使用,掌握H5语法和基础标签的应用,学完本周内容可以进行简单的页面结构搭建。
课程安排:
1、了解前端行业发展
2、了解HTML5对于网页的意义
3、学习常用标签/属性,进行结构搭建
4、掌握无序列表/有序列表/自定义列表
5、学习表单标签/属性,能创建常见表单结构
6、掌握标签嵌套规则/行内元素/块元素的使用
7、学习VSCode开发工具使用,能创建简单网页

第2周   CSS3基础语法与盒模型

CSS3是网页的”美容师”,本周开始学习CSS3样式,掌握语法结构、选择器、盒子模型、文本和字体样式设置,能够对网页进行简单的样式开发。
课程安排:
1、掌握CSS3基本语法和使用
2、掌握CSS3各类选择器/样式属性,快速进行样式设置
3、学习文本、字体等常见属性
4、盒子模型核心知识讲解,深入理解原理
5、掌握行内元素和块级元素设置与转换

第3周   CSS3浮动定位与背景样式

简单的样式开发还不够,通过掌握浮动、定位、边框、背景样式以及2D&3D转换,以及布局技巧。能够进行特殊图形绘制,开发更美观的网页效果。
课程安排
1、浮动与定位核心知识,灵活运用实现网页布局
2、常见布局方法,解决布局常见问题
3、如何绘制圆角边框/阴影框/图片边框等特殊图形
4、掌握元素扭曲/移位/旋转,更自由的装饰HTML
5、BFC规范和浏览器差异

第4周   CSS3动画与穷游首页开发实战

CSS3也能实现炫酷的网页动态效果,结合企业级上线“旅游网”项目,综合运用前面所学的知识,完成穷游首页排版布局和CSS3动画特效开发。
课程安排
1、大项目:结合H5/CSS3,完成PC端仿穷游首页布局开发
2、掌握不同布局结构与技巧
3、掌握过渡的使用与缓动效果,实现常见小案例
4、运用动画效果,实现炫酷动画效果
5、大作业:慕家居网页布局开发

第5周   JS基础语法与表达式

JS是网页编程的第一步,本周开始学习JS编程语言,掌握基础语法结构、变量声明和命名规则、数据类型、表达式和操作符,学完本周内容可以进行简单的JS代码编写。
课程安排:
1、掌握JS基本语法使用
2、掌握JS变量声明与提升的机理
3、掌握JS运算符操作与表达式
4、学习基本数据类型和复杂数据类型使用
5、深入理解数据类型转换与检测
6、小案例:计算器和表达式综合运用

第6周   JS流程控制语句与数组

本周继续深入学习JS编程语言,掌握条件分支语句、循环语句和数组,学完本周内容可以用简洁的代码实现强大功能。
课程安排:
1、掌握if,if elseif,switch等条件分支语句使用
2、掌握for、while、do while循环语句使用
3、掌握数组基本使用和常用方法
4、break和continue语句的特点及应用
5、运用数组知识,学习基本算法
6、使用简单的逻辑实现复杂业务逻辑
7、小案例:常见算法综合运用

第7周   JS函数与DOM

如想实现更炫的动态效果,那么操控网页元素很重要,通过掌握函数编程、DOM操作、事件以及BOM对象,让你能实现典型的触发和动态交互效果。
课程安排:
1、掌握DOM操作和DOM事件
2、掌握函数基础与函数高级应用
3、掌握BOM浏览器对象模型,与浏览器“对话”
4、掌握函数封装,提升编码质量
5、小案例:有趣的动画效果开发

第8周   面向对象

面向对象是开发中非常重要的思想,在本周我们将开始运用面向对象思想进行程序开发,编写高质量代码,解决企业级编程协同问题。
课程安排
1、学习this规则与使用
2、掌握构造函数概念以及创建、调用与使用
3、理解原型和原型链的关系与运用
4、闭包和作用域应用
5、熟练使用面向对象思想进行DOM编程
6、掌握JS模块化编程方式,编写高质量代码
7、掌握模块化开发技巧,解决企业级编程协同问题
8、小案例:俄罗斯方块游戏开发

第9周   项目实战:仿穷游JS特效开发

实战出真知,本周综合运用H5、CSS3和JS所学知识,从0到1完成一个具备CSS3动画和JS特效的多特效旅游网页。掌握企业常见的网页开发方式和各类特效实现方案。
课程安排:
1、结合H5/CSS3/JS,完成PC端仿穷游首页特效开发
2、项目动画效果分析,帮助更快梳理思路
3、实现典型JS特效效果:Banner轮播图、返回顶部动画、垂直菜单
4、学习正则表达式,完成常见手机号、邮箱、姓名等功能验证
3、大作业:慕家居网页JS特效开发

阶段二:组件化与移动WebApp开发

25门课 /课程总时长:53小时 /练习题:137 /大作业:3 /考试:2 /教辅资料:89

第10周   ES6基础入门

ES6是JavaScript新的语法规范,让代码更规范、可读性高、方便操作。本周将开启ES6的学习,这是学习前端必备的一步。掌握ES6相关知识后,能够更便捷的编写代码,提高开发效率。
课程安排:
1、ES6基本语法与使用
2、掌握ES6中变量和常量的使用与区别
3、学习可以嵌入表达式的字符串字面量–模板字符串
4、掌握箭头函数的特点与应用
5、掌握如何自动解析数组或对象中的值
6、了解对象字面量更加简洁与灵活的表达方式
7、掌握参数默认值的使用

第11周   ES6语法扩展

本周将继续学习ES6的基础,通过进一步学习ES6引入的新特性,了解ES6的新方法,掌握新的集合类型,更深入的了解数据的遍历。
课程安排:
1、剩余参数与展开运算符的对比进行学习
2、了解如何实现减少逻辑或操作符的使用
3、认识ES6中新增的数据结构
4、了解ES6中新增的方法
5、了解遍历原理,以及学习新的循环方式

第12周   ES6之Promise与Class类

Promise 和 Class(类)是ES6中非常重要的知识点。Promise 是异步编程的一种解决方案,比传统的回调函数更合理和更强大。Class(类)来作为对象的模板使用,强化面向对象的使用。
课程安排:
1、学习如何高效解决回调地域问题
2、了解如何运用ES6 Promise进行异步编程
3、掌握Class基本语法的使用
4、掌握更加清晰与便捷的对象继承方式
5、掌握更高级的面向对象编程思想

第13周   ES6之Module模块与Babel编译

ES6 在语言标准的层面上,实现了模块功能。可以实现将一个大程序拆分成互相依赖的小文件。而babel的使用,完美的解决了ES6的兼容性问题,让ES6有更多可能性,使前后端差异越来越小。
课程安排:
1、了解企业级的开发形式——模块化的使用
2、学习将一个复杂的功能拆分,从而提高复用率
3、了解如何更好的维护代码
4、掌握babel转换器的使用,解决ES6的兼容问题
5、学习如何将Webpack与配合Babel使用,完成更高效的开发
6、掌握Webpack项目构建配置

第14-15周   HTTP 协议、存储、Ajax

本周将开启前后端数据交互的学习,来理解前后端开发的区别,了解网络通信的相关概念,并对与后台通信、获取数据有一个初体验。概念比较抽象,先作为了解。在后面项目开发环节,随着对知识的运用,对概念会有更深一步的理解。
课程安排:
1、了解如何区分前后端
2、理解HTTP协议,熟悉网络通信相关概念
3、学习本地存储的多种方式,了解数据缓存机制
4、了解JOSN数据的几种书写格式
5、熟悉原生Ajax请求流程与细节
6、掌握常见的跨域技巧
7、学习如何自己封装Ajax
8、了解基于promise的Ajax插件——Axios

第16周   项目实战:仿穷游组件化开发

组件化开发是一种高级编程思想,适用于团队协作开发,是企业中常见的一种开发模式。本周会使用组件化方式来完成“仿穷游商城首页”的重构。掌握组件化开发能够更好的促进团队协作,提高开发和调试效率,可维护性更高。
课程安排:
1、综合运用H5/CSS3/ES6等知识,使用“组件化的开发思想”重构旅游网首页
2、了解项目组件化划分方式
3、了解模块化与组件化区别
4、采用模块化与组件化结合的开发方式
5、使用Webpack构建项目
6、运用 art-template 模板引擎,高效开发
7、真实的数据接口,实现前后台联动
8、通过自己封装的Ajax向后端请求数据
9、使用Class、Module模块完成轮播图的基类,实现模块化,提高复用率

第17周   移动基础

移动开发基础是进行webApp开发第一步。本周将开启前端学习的新篇章。通过移动端基础知识的学习,能够独立实现适配不同移动端终端的页面。
课程安排:
1、学习移动基础概念
2、理解移动端与pc端web开发的区别
3、掌握移动端常用的Rem适配方案
4、掌握Flex布局的使用
5、学习响应式布局开发
6、不同的适配方法
7、学习栅格系统的使用
8、了解移动端屏幕、移动端浏览器、操作系统的不同

第18周   移动进阶之高效开发

移动端高质量的开发,是移动端开发的必备技能。本周继续移动端的学习,学习移动端的事件、开发中的常见问题,以及如何使项目的性能更加优化。

课程安排:

1、掌握移动端常用的事件
2、小案例:移动端幻灯片的实现
3、移动端开发中常见的问题
4、主流移动端页面开发技术选型与解决方案
5、学习如何从HTML、CSS、JavaScript三方面优化性能

第19周   项目实战:仿穷游移动webapp开发

接下来的一周,我们将迎来webApp项目的开发,实现从PC端开发迈向移动端。从项目分析、组件划分、结构搭建、功能实现、性能优化。体验真实企业中移动端项目的开发流程
课程安排:
1、综合运用H5/CSS3/ES6/移动知识,重构旅游网WebAPP的首页、目的地页
2、符合企业标准的开发流程,从项目分析、项目搭建、模块开发到数据对接
3、采用模块化与组件化结合的开发方式
4、使用Webpack构建项目
5、运用 art-template 模板引擎,高效开发。
6、完成 18 个典型组件开发(搜索、商品、导航等组件)
7、运用Swiper高效移动端插件开发轮播图
8、使用Ajax 处理与获取数据
9、如何处理多次请求的解决方案
10、如何运用组件化思维,拆分和复用组件
11、完成各组件性能的优化

阶段三:小程序与主流框架开发

14门课 /课程总时长:48小时 /练习题:175 /大作业:3 /考试:1 /教辅资料:10

第20周   小程序基础与慕课小程序实战

本周开始学习爆火的轻应用开发技术——小程序 。通过对小程序知识的学习,能够独立开发企业级小程序,拥有解决主流小程序功能需求的能力。
课程安排:
1、大项目:结合Flex/Template模板,开发慕课小程序首页/活动页/热门排行页
2、了解小程序注册流程/注册方式/注册主体
3、小程序的全局生命周期和页面级生命周期
4、小程序基础语法与常用API
5、小程序开发工具的调试办法
6、小程序多页面下的开发工作流及目录结构

第21周   React.js基础语法与新闻网站实战

React.js是企业开发热门框架之一 。通过对React.js基础和项目的学习,具备构建企业级项目和解决核心业务问题的能力,快速接入企业项目。
课程安排:
1、大作业:运用React组件完成新闻网站项目常见功能开发
2、理解React的开发理念与内部原理
3、React的基本使用及Ant Design组件库进行项目开发
4、使用React封装项目中用到组件,实现复用
5、React项目中常见问题的解决方案
6、如何运用React-Redux进行状态管理
7、声明式编程的思想与组件化开发的思想

第22-23周   Sass基础与Vue.js基础语法

Vue.js是企业开发另一热门框架,易用、灵活、高效,对于初学者很友好。本周通过对Vue.js基础和Sass布局技术的学习,为后续的全栈项目开发打下基础。
课程安排:
1、大作业:订单列表和购物车列表页
2、掌握Webpack项目构建配置
3、掌握基础语法与常见API
4、组件的使用及组件的生命周期
5、Axios网络请求及路由使用
6、Vuex的引入、应用场景及项目中的实现
7、使用Vue.js技术栈进行项目开发的方式方法
8、掌握Sass布局基础
资源下载赞赏金额16.8立即下载    升级VIP后免费升级VIP
本站资源高清无加密,支付后自动显示下载链接,如果链接失效,可联系本站客服
赞赏金额价格16.8立即下载    升级VIP后免费立即升级
本站资源高清无加密,支付后自动显示下载链接,如果链接失效,可联系本站客服
0
分享到:

评论0

请先

限时优惠:年费只要【186】终身会员只要【266】充值会员,畅想无限   立即开通
没有账号? 忘记密码?