Web前端开发
Web前端开发工程师,主要职责是利用HTML、XHTML、CSS、JavaScript、Flash等各种Web前端技术进行客户端产品的开发。完成客户端程序(也就是浏览器端)的开发,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web前端开发,致力于通过技术改善用户体验。
35课程249天学习时长22734人正在学习
立即报名
第一阶段:页面制作基础
从这一基础阶段开始,正式学习Web前端开发需要的编程语言HTML, CSS和JavaScript。HTML和CSS用于Web静态内容的展示,JavaScript用于Web动态交互。完成这一阶段前端开发的学习,你就可以独立实现一个动静结合的Web前端项目啦!

HTML+CSS基础入门

HTML+CSS是web前端开发基础课程,本章将由麦子学院资深web前端开发工程师为你全面讲解HTML和css的基本属性和用法,带你进入web前端开发的世界。

预计学习时长:7天

Javascript初步

Javascript是web前端开发常用技术之一,也是web前端开发必学技术之一,本章麦子学院原创JavaScript视频教程,将围绕其相关基础知识和实际应用全面讲解,让你轻松掌握并精通JavaScript的使用。

预计学习时长:4天

Web前端开发规范

Web前端开发规范,可以帮助同学们,了解web前端开发规范的意义,掌握前端开发中的开发规范,掌握web前端开发中的实用技巧。面对企业团队开发,可以很快融入团队合作中,高效率的完成团队给予的任务。

预计学习时长:7天

第二阶段:主流框架应用
优秀的Web前端开发工程师一定都是追求高效率的”懒人“。这一框架阶段就是教你如何使用当今流行的Web前端框架,包括bootstrap、Angularjs等,来提高前端开发效率。在学习前端框架本身的同时,也希望你能掌握任意一种快速上手的web前端框架的方法!

锋利的Zepto

移动端已经是如今开发的大势所趋,大部分互联网公司开发时都本着移动优先的策略来安排开发资源,本课程会介绍移动端开发领域非常锋利的一把军刀:Zepto,从工具函数、事件处理、DOM操作、数据操作等方面全方位的介绍,然后介绍 App.js:一款基于 Zepto.js 的 Mobile Web App 开发框架,并且用实例的方式来带领大家理解框架的核心概念、掌握开发要领。

预计学习时长:7天

bootstrap入门

Bootstrap是由Twitter发布一款目前最受欢迎的前端框架。Bootstrap基于 HTML、CSS、JAVASCRIPT的,它简洁灵活,将常见的CSS布局、常用组件和JavaScript插件进行了完整并完善的封装,能让没有经验的前端工程师和后端开发工程师都迅速掌握和使用,大大提高开发效率,它还在某种程度上规范前端团队编写CSS和JavaScript的规范。总之学习Bootstrap可以让你很轻松开发出响应式的WEB项目。

预计学习时长:7天

jquery基础应用

Jquery php前端开发最重要的基础语言之一,学习本课程,麦子学院资深php开发工程师将带你全面熟悉、掌握Jquery相关应用,创造不一样的php世界。

预计学习时长:7天

H5实现俄罗斯方块游戏

1、学习H5游戏开发的资源加载方式; 2、学习H5游戏开发中的声音控制; 3、学习H5游戏开发中的键盘控制; 4、学习H5游戏开发中的场景暂停与恢复; 5、利用面向对象的方式实现多个类似精灵; 6、了解一个完整的H5游戏开发过程;

预计学习时长:7天

第三阶段:前端技术进阶
web前端开发进阶阶段的学习,主要是让大家快速掌握当今流行、实用、最新的技术,比如:less、sass、json、ajax等,并将这些前端技术快速用于实践,开发出更加符合客户体验度的web前端页面。

JavaScript面向对象编程

在这个js大行其道,各种前端js框架如jQuery ,Ext,prototype等广泛运用在各个Web项目中的世界中,js面向对象的特性被深度挖掘的年代中,没有对js面向对象的深入了解,你都不好意思说你会js。 本套视频教程将从面向对象的角度带你学习js 。在使用中理解js的面向对象的一面,并能掌握js中的三大重点与难点:原型,this,闭包,具备读懂jQuery框架源码的基础,并能以面向对象的形式编写js。

预计学习时长:7天

利用Sass编写高质量CSS

这是一门CSS相关的进阶教程,目标是让你把知识从“会用”变成“用好”,让你从“会写代码”过渡到“会写高质量代码”。

预计学习时长:7天

JSON入门

本课程是一门关于JSON的入门级教程。JSON在2001年被提出,是一种用于数据交换的文本格式,相比XML具有很多显著的优点。通过本课程的学习,你能够了解JSON的格式规则、在网页前端的简单应用、以及常见的扩展格式。

预计学习时长:7天 已更新:7章

Web前端开发之Ajax初步

麦子学院原创web前端开发常用技术 — ajax视频教程, 主要从ajax的运行环境、元素的应用、及其数据类型的运用等方面进行介绍和实战,让学员能快速入门并精通ajax的使用。

预计学习时长:7天

移动前端开发项目

希望能够通过本套课程的学习,使之前没有接触过移动端开发的同学,能够熟练进行移动端开发,并能拥有差不多2年移动端开发经验,提高同学的前端架构能力。

预计学习时长:7天 已更新:27章

AngularJS从入门到实战

学会正确的使用AngularJs框架,可以熟练运用AngularJs框架开发实际项目。

预计学习时长:7天

Gulp+Angular+Express实现简易任务管理系统

这是一门利用JavaScript进行前后端开发的进阶教程。教程中用到了较多比较常用和实用的前端技术、框架,工具等。 目标是让大家了解如何利用JavaScript进行前后端开发,前后端如何交互,以及如何实用前后端构建来提高开发效率。

预计学习时长:7天

第四阶段:前端技术拓展(选修)
web前端技术发展日新月异,因此前端技术的拓展学习及实践对于web前端工程师来说非常重要。本阶段就是基于KnockOut、Backbone、bootstrap、Webpack等技术的拓展学习和web前端项目的实战开发演练。

KnockOut从入门到精通

这门课程会帮助你学会正确的使用KnockOut框架,可以熟练运用KnockOut框架开发实际项目,提高项目的开发效率,使项目更易维护和扩展。

预计学习时长:7天

项目管理

这是一门关于项目管理的课程,目标是让你了解现代IT项目管理流程,并且能够针对某个流程设计出一套相关的文档,从而使整个项目规范化和科学化。

预计学习时长:7天

ECMAScript6编程艺术

ES6中包含了许多新的语言特性,它们将使JS变得更加强大,更富表现力。接下来,我们将一一深入了解它们。

预计学习时长:7天 已更新:27章

高级工程师手把手带你做企业门户前端

这是一门Web前端开发项目课程,手把手教你如何进行企业门户网站开发,你将系统的学到DIV+CSS页面布局,图片广告,图片列表制作,菜单制作,及二级菜单实现原理,轮换广告JS特效,无缝图片列表等的实现。

预计学习时长:7天

Backbone入门基础

讲述Web前端MVC框架——Backbone的基本使用方法。目标是让学员理解前端MVC思想,掌握Backbone的使用方法,掌握单页面Web应用的开发方法。

预计学习时长:7天

麦子商城项目制作

学习这个课程,使你能够胜任前端网页工程师岗位,能够熟练掌握网页布局模式以及常用的CSS样式;能根据需求分析,设计JavaScript特效;根据效果图使用DIV+CSS布局出相应的网页。

预计学习时长:7天

响应式web设计及项目实践

这是一门从入门到精通由浅入深步步深入的理论+项目实战的课程,让你短时间内学习WEB的最基础知识和底层知识及如何去搭建响应式WEB项目的方法。项目案例的制作会让你的知识进一步巩固和升华,在掌握一些HTML,CSS,JS浏览器基础和当前流行的响应式设计技术的同时,为你技术的提升添砖加瓦。

预计学习时长:7天

Webpack实战

如果你从事的是大型项目的开发,有复杂的模块依赖,那么你一定需要Webpack;如果你想要简单设置,容易上手的工具,那么你也一定需要它;如果你想要更快的打包效率和开发效率,它可以让你不刷新页面就能看到代码修改的结果。Webpack凭借自身的特点与优势,在Facebook开发团队的全力推广下,已经成为了当前最好的前端打包工具之一。

预计学习时长:7天

Mock.js+Express实现京东商城数据模拟

这是一门利用Mockjs+Nodejs开发框架快速实现基于业务的数据模拟项目的课程。课程实践项目来源于真实的商业案例,通过课程的学习,让大家对Nodejs、数据模拟等前沿技术有更深入的了解,并在实际项目中发挥其重要的作用,让大家能够掌握Express快速搭建跨平台的MVC开发框架,快速构建自己的数据模拟系统。同时学会利用互联网和开源社区迅速扩大自己的技术视野,在课程中教会大家如何分析并解决问题。

预计学习时长:7天

HTML5绘图

HTML5提供了Canvas元素,允许脚本语言动态渲染位图像。Canvas由一个可绘制地区HTML代码中的属性定义决定高度和宽度。JavaScript代码可以访问该地区,通过一套完整的绘图功能类似于其他通用二维的API,从而生成动态的图形。本课程详细讲解了HTML5绘图的基本方法,包括文字、路径、图像和渐变等内容,最后以一个单机版的五子棋项目来证明HTML5绘图功能的强大。

预计学习时长:7天

前端进阶指南

学了很久的前端但是只会从页面找1个元素在上面绑1个事件?如果是这样,那你还有很大的提升空间,本课程由浅入深讲解网络和浏览器的基本工作原理,更为你介绍常见的前 端开发工具、调试工具、性能诊断工具,教你如何解决定位常见的跨浏览器、跨平台兼容问题,还会详细介绍前端性能优化的典型手段。如果这些你都学会了,下次出去面试肯定获得不错的评价。

预计学习时长:7天

polymer入门教程

ES6的标准通过,整个Web开发群都应该尝试新的东西了,那么我们就试试 家 直期待的Web Component,使 Google公司提供的polymer, 切都变得清晰简单了。Let’s do it。

预计学习时长:7天

前端工程化

现如今前端领域遍地开发,想要构建自己的工程化工具体系还真是不容易,本课程会详细介绍我在工程实践中积累出来的工具箱,从前端项目的初始化到开发,再到测试、构建、部署和监控等环节的事半功倍的工具,认真学完,相信你的个人生产力、代码质量都会上1个台阶,能力提升了,升职和加薪还会远么?

预计学习时长:7天

ReactJS从入门到实战

在诸如Jquery,AngularJS,BootStrap等各种前端框架或库充斥市场的情况下,由Facebook的优秀程序员开发出来的React一经问世,就有人直呼这是革命性创新,性能出众,代码逻辑却很简单易懂。 本套视频教程将从实践的角度带你学习ReactJS。在使用中理解ReactJS、利用ReactJS更快速的实现你的组件化开发。

预计学习时长:7天

微信公众号JS全栈开发实战

微信无疑是中国最大的移动社交平台,如何站在巨人的肩上让你的应用触及海量的用户?本门课程会以微信公众平台开发为主线,以自动问答系统为试验场,带领大家熟悉基础条件的准备、调试工具、重要接口的功能和调用方法,以及产品层面该如何与你的应用结合,期间使用到的技术包括 JS、CSS、Node、Express、WeChat SDK,使用到的工具包括:NPM、PostMan。

预计学习时长:7天

Vue.js详解

Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。学习本门课程可以让你更好的理解Vue.js,课程中的一些实例能让你更快速的学习。

预计学习时长:7天

一名课程顾问想与您沟通

免费电话咨询