Web前端开发课程介绍

Web前端开发工程师,主要职责是利用HTML、XHTML、CSS、JavaScript、Flash等各种Web前端技术进行客户端产品的开发。完成客户端程序(也就是浏览器端)的开发,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web前端开发,致力于通过技术改善用户体验。

一.前端基础

  • web前端开发课程之HTML5基础

    1.HTML5基础

    HTML5基本概念、HTML5文档结构、HTML5语法、基本排版标签、列表标签、表格标签、表单标签、框架标签、动画和视频标签、综合运用常见标签搭建具备语义化的页面结构。

  • web前端开发课程之CSS基础

    2.CSS基础

    CSS基本语法、选择器、字体和文本设置、盒模型、浮动、层布局、CSS的层叠性和继承性、列表布局、表格设计、表单布局和美化。

  • web前端开发课程之html+CSS实战

    3.HTML+CSS实战

    高仿聚财猫网站。综合运用前面所学的HTML和CSS,完整的实现聚财猫网站的主页,登陆页,用户指引页三个页面,并对css代码进行优化。

  • web前端开发课程之JavaScript基础

    4.JavaScript基础

    主要是讲解js的基础部分,包括js基本语法、变量和值、数据类型、运算符、表达式、声明语句、条件语句、循环语句、函数的定义及使用、作用域基本概念、对象的基本概念及使用、数组的基本操作及常见方法、字符串常见操作。

  • web前端开发课程之DOM操作

    5.DOM操作

    BOM对象、DOM0、DOM1、DOM2和DOM3、选取文档元素、操作元素、操作属性、操作元素的样式和CSS、事件处理及各种事件的应用、动画原理及实现。整个课程穿插了大量的典型案例如tab选项卡、拖拽、导航条吸顶、图片延迟加载、placeholder效果、图片轮播。

  • web前端开发课程之美团网整站开发

    6.美团网整站开发

    综合运用所学的HTML、CSS和JS来开发美团网整站,主要实现了美团网的首页面、列表页面和团购详情等页面。每个页面都包括HTML结构的合理搭建、CSS样式的编写以及JavaScript效果的实现。在实战的同时,对所学的HTML、CSS和JS(包括DOM)做更深入的认识和挖掘,既复习以往的知识,融会贯通,又能为以后的学习打好牢固的基础。

二.前端核心

  • web前端开发课程之html5进阶

    1.HTMT5进阶

    HTML5定义了一系列新元素,如新语义标签、智能表单、多媒体标签等,可以帮助开发者创建富互联网应用,还提供了一些Javascript API,如地理定位、重力感应、硬件访问等,甚至结合Canvas我们可开发网页版游戏。本课程涵盖了HTML5中新的语义化标签、智能表单、多媒体、DOM扩展以及新的API(拖拽以及地理定位等)。

  • web前端开发课程之CSS3

    2.CSS3

    本课程涵盖了CSS3主要更新的方面:选择器、盒子模型、边框、阴影、颜色的表示方法、background属性改变、多列、弹性盒,并穿插了大量有趣的案例。

  • web前端开发课程之jQuery

    3.jQuery

    从入门展开,循序渐进、逐步深入地学习jQuery的选择器、动画、DOM操作、jQuery事件、深入jQuery,最后通过综合案例,使每个人对jQuery的掌握更加巩固,以及实现各种网页特效。

  • web前端开发课程之淘宝实战

    4.淘宝实战

    本阶段会运用所学的HTML、CSS和jQuery来开发淘宝网,实现淘宝网的各种网页特效,微响应式等。

  • web前端开发课程之移动webapp

    5.移动webapp

    本课程介绍了移动web页面制作的各项知识点,包括:基本概念,如何用手机去访问网页,视口,移动端的事件,自定义事件,移动端的动画,zepto及相关插件,flex布局,less,rem单位,达到让学生掌握移动web的技能。

  • web前端开发课程之Bootstrap

    6.Bootstrap

    Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。主要包括bootstrap的下载、整体架构、栅格系统、全局css样式、css组件、JavaScript插件的使用。

  • web前端开发课程之招财猫移动站开发

    7.招财猫移动站开发

    仿招财猫移动站,综合运用html5、css3、rem、flex、zepto.js,并使用了Less工具,实现招财猫移动网站的主页、列表页、详情页、注册页和用户页,包括页面中的一些特性,如饼状图、进度条、弹出面板灯。

三.Js高级

  • web前端开发课程之Js进阶

    1.Js进阶

    在前面的js基础上深入讲解js的一些语言特性。包括js中的错误及处理、解析与执行,数据的存储与赋值,变量,函数的参数,函数的返回值,执行上下文,立即执行的函数表达式,闭包,递归。

  • web前端开发课程之js面向对象

    2.js面向对象

    JavaScript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。这一部分主要讲解面向对象的开发思想和基本概念,对象与属性,构造器,原型与原型链,this,call和apply,继承及其各种实现方式。并使用面向对象的方式,实现打气球游戏、轮播图组件、及仿jQuery的迷你小框架。

  • web前端开发课程之正则表达式

    3.正则表达式

    正则表达式描述了一种字符串匹配的模式(pattern),可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。主要包括正则的基本概念,原子,元字符,反向引用,贪婪模式,以及正则表达式的应用。

  • web前端开发课程之es6/es7

    4.es6/es7

    ES6 JavaScript 语言的下一代标准,于2015年6月正式发布了。其目标是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。在开发中常用的es6/es7新特性包括let和const、变量的解构赋值、字符串的新增方法、数组的新增方法、箭头函数、对象的简写形式、对象的assign和扩展运算符、使用class定义类、使用extends实现继承、使用export和import实现模块化编程、Promise对象等。

四.服务端编程

  • web前端开发课程之node.js

    1.Node.js

    涵盖了使用node.js进行web开发的必备知识。包括web架构、node.js开发环境搭建、es6语法、commonjs模块化实现、文件系统编程、使用node.js开发web。最后通过留言板案例将各知识点串联起来,以达到融会贯通。

  • web前端开发课程之Mongodb

    2.Mongodb

    涵盖了使用 mongodb进行开发的基础知识。包括mongodb基本概念、下载安装,mongodb的数据类型,mongodb的增删改查,以及在如何在node.js完成mongodb的crud操作。最后简单介绍了mongodb索引及其应用。

  • web前端开发课程之Express

    3.Express

    涵盖了使用express进行web开发的方方面面。包括express的下载安装、使用express-generator快速生成应用,如何实现路由,各种中间件的使用,以及会话机制。

  • web前端开发课程之Ajax

    4.Ajax

    详细介绍了ajax的方方面面。包括ajax的基本概念,深入剖析XMLHttpRequest对象,jQuery中的ajax相关方法,并提供了大量的案例,如检测用户名、省市区三级联动、仿google suggest和ajax分页,同时还对跨域进行了详细介绍,并给出了典型的三种解决方案,最后对socket.io进行了讲解。

  • web前端开发课程之博客项目

    5.博客项目

    综合使用node.js、express、mongodb和bootstrap来开发个人博客,包括前台和后台两个部分。其中后台包括登录控制、博客分类的增删改查、博客内容的增删改查,并实现了图片上传、使用markdown来格式化文本。前台在实现了首页面、列表页和文章页。

五.前端构建工具及MV*框架

  • web前端开发课程之Git

    1.Git

    Git是目前世界上最先进的分布式版本控制系统,包括git使用基本流程,git基本概念及原理,git基本操作详解,使用git进行多人协作开发,github的基本使用及常见操作

  • web前端开发课程之Webpack

    2.Webpack

    webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。包括webpack基本使用、在开发中使用webpack(重点是配置文件)、各种loader的配置及使用、插件的使用。

  • web前端开发课程之Gulp

    3.Gulp

    Gulp是一款基于流的自动化构建工具,可以自动完成html、image、css和js等文件的检测、检查、合并、压缩、格式化等,并监听文件在改动后重复指定的这些步骤。

  • web前端开发课程之Vue技术栈

    4.Vue技术栈

    Vue技术栈是一系列技术的总称,包括vue.js、vue-router、vuex、es6、webpack、axios等。主要内容包括vue.js的模板语法、计算属性、条件渲染、列表渲染、事件处理,表单处理、组件、过渡效果、vue-router、使用axios异步获取数据及跨域、使用vue-cli构建vue项目、vuex的使用,最后综合运用vue技术栈开发饿了么webapp的外卖商家模块。

  • web前端开发课程之React.js

    5.React.js

    React是Facebook内部的一个JavaScript类库,于2013年开源,可用于创建web用户界面。主要内容包括react的下载安装,jsx语法,组件化开发,事件处理,dom操作,表单处理,模块化开发,react-router,fetch,最后综合运用react.js+react-router+es6+weback+跨域+less+flex实现卖座网webapp核心页面开发。

  • web前端开发课程之AngularJS

    6.AngularJS

    AngularJS是一款开源的JavaScript MV*(MVVM、MVC)框架,由Google维护。通过使用指令,来扩展Web应用,使开发者可以使用HTML来声明动态内容,从而使得Web开发和测试工作变得更加容易。主要包括表达式、指令、模型、作用域、控制器、过滤器、service、事件、表单处理及验证、模块和路由等。

WEB前端开发相关