第一阶段: 基础系列:前端布局Html+CSS+Javascript基础
4门课程
41小时26分钟
Html+CSS+Javascript基础
-
HTML+CSS零基础入门视频教程
58节
12小时34分钟
课程目标:
本课程主要目标是教给大家:1)HTML和CSS能干什么?2)HTML和CSS是什么?3)HTML和CSS怎么用,这里会讲解最常用到的HTML和CSS的使用规则4)一步一步开发一个响应式的页面
-
HTML+CSS实例详解视频课程
53节
17小时33分钟
课程目标:
课程理念:该课程有别于传统瀑布式学习方法,该课程以实例练习为主线,采用「最少必要知识+刻意重复练习」的方式,快速学习HTML5+CSS3独立开发响应式页面的能力。
-
JavaScript实战综合案例视频课程
26节
7小时41分钟
课程目标:
本课程已案例为主,全是经典案例,以下是本课程带来的效果案例1》瀑布流====》javascript原生2》三级联动===》javascript原生3》运动框架===》javascript原生4》购物车===》javascript原生5》ajax ====》javascript原生和jQuery版6》推箱子小游戏====》jQuery希望学员学习案例,学以致用,举一反三
-
web开发之JavaScript快速入门视频课程
22节
3小时36分钟
课程目标:
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。广泛用于客户端的脚本语言,是现在WEB前端技术重要的组成部分。也是前端工程师和软件工程师必须学习的技术。此课程系统地讲解JavaScript的知识体系,可以使有一定编程的工程师快速学习JavaScript完成前端编程,学习本课程较好有一定的编程基础,如C语言或Java语言!
第二阶段: 中级系列:前端交互 Javascript+模块化开发+数据交互+JQuery
9门课程
72小时54分钟
Javascript+模块化开发+数据交互+JQuery
-
[Js高手之路第二部]Javascript面向对象特效&框架封装实战
41节
5小时9分钟
课程目标:
本套Javascript面向对象课程
主要包括以下四大块内容,通过以下内容安排帮助大家
学习用面向对象的方式来写程序,
如果你没有JS基础:
https://edu.51cto.com/course/course_id-7233.html同样的需要学习jQuery:https://edu.51cto.com/course/course_id-6594.html1,学习面向对象的基本语法
封装
原型与原型链
this
等等
2,使用面向对象封装一些特效
素数
输出表格
四则运算
选项卡
隔行变色
全选,不选,反选
隔行变色
时钟
抽奖
产品&购物车
等等
3,使用面向对象实现一个类似于jQuery的小型框架
jquery加载
事件绑定
hover
show
hide
addClass
removeClass
hasClass
toggleClass
parent
html
val
index
each
css
eq
attr
toggle
find
index
链式操作
等等
4,用框架来做特效前端最核心的是什么课程?嗯,很多人都知道,那就是javascript,几乎贯穿了整个前端开发,不管你是用框架开发还是用打包工具,也或者是学习node.js,javascript学习的深度,在很大程度上决定了你能你在前端这条路走多远,核心学习不扎实,终究只是学习套用框架和工具,新框架来了,又得依葫芦画瓢学习简单的api,不能领悟框架精髓和使用场景,学习前端核心,才能应对自如!!!, 如果你不知道每个阶段学什么,下面的路线图可以很好的帮你解决迷茫!前端路线图:第一阶段[零基础入门]:------------------------------------------------------------------------------------1,HTML+DIV+CSS零基础快速入门到制作企业站视频课程:https://edu.51cto.com/course/6849.html2,[Js高手之路第一部]JavaScript上百例实战【新版】: https://edu.51cto.com/course/7233.html3,jQuery在网站中的应用-零基础实战:https://edu.51cto.com/course/7240.html4,jQuery实战[上百个网站实例&插件开发及其使用:https://edu.51cto.com/course/6594.html5,Bootstrap快速入门视频课程:https://edu.51cto.com/course/6503.html第一阶段属于php和专业前端的公共课程,学完这个阶段,可以开始学习进阶部分,也可以开始学习php课程,对于职业的发展哪怕你做专业的前端,也是需要学习一门后端语言的, php是最容易入门的后端语言第二阶段[前端高手进阶]:------------------------------------------------------------------------------------1,[Js高手之路第二部]Javascript面向对象特效&框架封装实战:https://edu.51cto.com/course/8316.html2,[Js高手之路第三部]Javascript模板引擎与单页路由实战视频课程:https://edu.51cto.com/course/10684.html3,[JS高手之路第四部]从零开始打造一个JavaScript开源框架gdom与插件开发:https://edu.51cto.com/course/10921.html4,[js高手之路第五部] html5 canvas基础详解与动画实战视频教程:https://edu.51cto.com/course/11453.html5,前端构建工具gulp与webpack零基础实战视频课程:https://edu.51cto.com/course/11469.html6,[JS高手之路第六部]javascript es6标准入门与实战视频课程:https://edu.51cto.com/course/11522.html7,[JS高手之路第七部]JavaScript插件开发视频课程:https://edu.51cto.com/course/11527.htmlphp路线图:------------------------------------------------------------------------------------1,PHP基础与项目实战视频课程:https://edu.51cto.com/course/7220.html2,Ajax与JSONP跨域实战视频课程:https://edu.51cto.com/course/10020.html3,阿里云ECS Linux服务器项目部署实战视频课程:https://edu.51cto.com/course/7555.html4,php工具调试&Thinkphp运行流程分析视频课程:https://edu.51cto.com/course/7576.html前端与php学习套餐选择:------------------------------------------------------------------------------------从零基础到受人欢迎的前端开发攻城狮系列套餐:https://edu.51cto.com/topic/770.html小白变大神-成功变为PHP开发工程师系列套餐https://edu.51cto.com/topic/769.html
-
[Js高手之路第一部]JavaScript上百例实战【新版】
103节
19小时51分钟
课程目标:
本套JavaScript从零基础开始,课程采用大量案例讲解js在网站中的应用.视频短小精悍,案例主要有大量的常见网站特效,轮播,选项卡,键盘控制物体运动,图片透明度,运动框架,事件委托,拖放操作,定时器动画应用,DOM应用,正则应用,面向对象&闭包的应用等等前端最核心的是什么课程?嗯,很多人都知道,那就是javascript,几乎贯穿了整个前端开发,不管你是用框架开发还是用打包工具,也或者是学习node.js,javascript学习的深度,在很大程度上决定了你能你在前端这条路走多远,核心学习不扎实,终究只是学习套用框架和工具,新框架来了,又得依葫芦画瓢学习简单的api,不能领悟框架精髓和使用场景,学习前端核心,才能应对自如!!!, 如果你不知道每个阶段学什么,下面的路线图可以很好的帮你解决迷茫!前端路线图:第一阶段[零基础入门]:------------------------------------------------------------------------------------1,HTML+DIV+CSS零基础快速入门到制作企业站视频课程:https://edu.51cto.com/course/6849.html2,[Js高手之路第一部]JavaScript上百例实战【新版】: https://edu.51cto.com/course/7233.html3,jQuery在网站中的应用-零基础实战:https://edu.51cto.com/course/7240.html4,jQuery实战[上百个网站实例&插件开发及其使用:https://edu.51cto.com/course/6594.html5,Bootstrap快速入门视频课程:https://edu.51cto.com/course/6503.html第一阶段属于php和专业前端的公共课程,学完这个阶段,可以开始学习进阶部分,也可以开始学习php课程,对于职业的发展哪怕你做专业的前端,也是需要学习一门后端语言的, php是最容易入门的后端语言第二阶段[前端高手进阶]:------------------------------------------------------------------------------------1,[Js高手之路第二部]Javascript面向对象特效&框架封装实战:https://edu.51cto.com/course/8316.html2,[Js高手之路第三部]Javascript模板引擎与单页路由实战视频课程:https://edu.51cto.com/course/10684.html3,[JS高手之路第四部]从零开始打造一个JavaScript开源框架gdom与插件开发:https://edu.51cto.com/course/10921.html4,[js高手之路第五部] html5 canvas基础详解与动画实战视频教程:https://edu.51cto.com/course/11453.html5,前端构建工具gulp与webpack零基础实战视频课程:https://edu.51cto.com/course/11469.html6,[JS高手之路第六部]javascript es6标准入门与实战视频课程:https://edu.51cto.com/course/11522.html7,[JS高手之路第七部]JavaScript插件开发视频课程:https://edu.51cto.com/course/11527.htmlphp路线图:------------------------------------------------------------------------------------1,PHP基础与项目实战视频课程:https://edu.51cto.com/course/7220.html2,Ajax与JSONP跨域实战视频课程:https://edu.51cto.com/course/10020.html3,阿里云ECS Linux服务器项目部署实战视频课程:https://edu.51cto.com/course/7555.html4,php工具调试&Thinkphp运行流程分析视频课程:https://edu.51cto.com/course/7576.html前端与php学习套餐选择:------------------------------------------------------------------------------------从零基础到受人欢迎的前端开发攻城狮系列套餐:https://edu.51cto.com/topic/770.html小白变大神-成功变为PHP开发工程师系列套餐https://edu.51cto.com/topic/769.html
-
-
-
Ajax与JSONP跨域实战视频课程
10节
2小时18分钟
课程目标:
本套课程涵盖ajax项目中常用的技能与实例:技能点:1,ajax原理2,ajax中get与post发送数据3,原生javascript封装一个ajax方法4,jquery中$.get,$.post,$.ajax的使用5,跨域jsonp的原理与实现包含案例:1,2种ajax方式[原生js,jquery中的ajax]实现的省,市,县,三级联动2,ajax方式实现的注册&登录交互与页面跳转3,jsonp跨域实现调取百度关键词提示&搜索功能前端最核心的是什么课程?嗯,很多人都知道,那就是javascript,几乎贯穿了整个前端开发,不管你是用框架开发还是用打包工具,也或者是学习node.js,javascript学习的深度,在很大程度上决定了你能你在前端这条路走多远,核心学习不扎实,终究只是学习套用框架和工具,新框架来了,又得依葫芦画瓢学习简单的api,不能领悟框架精髓和使用场景,学习前端核心,才能应对自如!!!, 如果你不知道每个阶段学什么,下面的路线图可以很好的帮你解决迷茫!前端路线图:第一阶段[零基础入门]:------------------------------------------------------------------------------------1,HTML+DIV+CSS零基础快速入门到制作企业站视频课程:https://edu.51cto.com/course/6849.html2,[Js高手之路第一部]JavaScript上百例实战【新版】: https://edu.51cto.com/course/7233.html3,jQuery在网站中的应用-零基础实战:https://edu.51cto.com/course/7240.html4,jQuery实战[上百个网站实例&插件开发及其使用:https://edu.51cto.com/course/6594.html5,Bootstrap快速入门视频课程:https://edu.51cto.com/course/6503.html第一阶段属于php和专业前端的公共课程,学完这个阶段,可以开始学习进阶部分,也可以开始学习php课程,对于职业的发展哪怕你做专业的前端,也是需要学习一门后端语言的, php是最容易入门的后端语言第二阶段[前端高手进阶]:------------------------------------------------------------------------------------1,[Js高手之路第二部]Javascript面向对象特效&框架封装实战:https://edu.51cto.com/course/8316.html2,[Js高手之路第三部]Javascript模板引擎与单页路由实战视频课程:https://edu.51cto.com/course/10684.html3,[JS高手之路第四部]从零开始打造一个JavaScript开源框架gdom与插件开发:https://edu.51cto.com/course/10921.html4,[js高手之路第五部] html5 canvas基础详解与动画实战视频教程:https://edu.51cto.com/course/11453.html5,前端构建工具gulp与webpack零基础实战视频课程:https://edu.51cto.com/course/11469.html6,[JS高手之路第六部]javascript es6标准入门与实战视频课程:https://edu.51cto.com/course/11522.html7,[JS高手之路第七部]JavaScript插件开发视频课程:https://edu.51cto.com/course/11527.htmlphp路线图:------------------------------------------------------------------------------------1,PHP基础与项目实战视频课程:https://edu.51cto.com/course/7220.html2,Ajax与JSONP跨域实战视频课程:https://edu.51cto.com/course/10020.html3,阿里云ECS Linux服务器项目部署实战视频课程:https://edu.51cto.com/course/7555.html4,php工具调试&Thinkphp运行流程分析视频课程:https://edu.51cto.com/course/7576.html前端与php学习套餐选择:------------------------------------------------------------------------------------从零基础到受人欢迎的前端开发攻城狮系列套餐:https://edu.51cto.com/topic/770.html小白变大神-成功变为PHP开发工程师系列套餐https://edu.51cto.com/topic/769.html
-
AJAX异步数据交互视频课程
27节
7小时34分钟
课程目标:
本课程属于JavaScript高级编程技术,所以在学习此技术之前一定要先学习JavaScript与WEB开发技术后才可以进行学习。本课程主要讲解了AJAX技术产生的历史背景、XMLHttpRequest对象的作用、基本属性、操作函数,并且通过大量实例讲解AJAX技术在项目开发中的实际应用,并且结合XML实现异步数据处理。
-
编程语言之XML与JSON实战视频课程
14节
1小时47分钟
课程目标:
编程语言之Xml与json实战视频课程本门课程从xml文件的结构开始,详细介绍了xml文件的概念,组成元素,xml文件的用途,以及使用linq to xml对xml文件进行创建,和增删改查,xml文件的序列化,然后介绍到json格式的概念,json格式和xml文件格式之间的对比,json对象和json字符串之间的转换,json的序列化和反序列化。为后续深入学ajax,webservice,wcf,webapi等技术打下良好的基础。
-
jQuery在网站中的应用-零基础实战
41节
5小时10分钟
课程目标:
课程VIP交流QQ群【新】(290629621),凭购买ID入群本套jQuery从零基础完全讲解,主要包括以下内容:1,jQuery选择器2,jQuery事件3,jQuery Dom操作4,jQuery动画5,实例实战前端最核心的是什么课程?嗯,很多人都知道,那就是javascript,几乎贯穿了整个前端开发,不管你是用框架开发还是用打包工具,也或者是学习node.js,javascript学习的深度,在很大程度上决定了你能你在前端这条路走多远,核心学习不扎实,终究只是学习套用框架和工具,新框架来了,又得依葫芦画瓢学习简单的api,不能领悟框架精髓和使用场景,学习前端核心,才能应对自如!!!, 如果你不知道每个阶段学什么,下面的路线图可以很好的帮你解决迷茫!前端路线图:第一阶段[零基础入门]:------------------------------------------------------------------------------------1,HTML+DIV+CSS零基础快速入门到制作企业站视频课程:https://edu.51cto.com/course/6849.html2,[Js高手之路第一部]JavaScript上百例实战【新版】: https://edu.51cto.com/course/7233.html3,jQuery在网站中的应用-零基础实战:https://edu.51cto.com/course/7240.html4,jQuery实战[上百个网站实例&插件开发及其使用:https://edu.51cto.com/course/6594.html5,Bootstrap快速入门视频课程:https://edu.51cto.com/course/6503.html第一阶段属于php和专业前端的公共课程,学完这个阶段,可以开始学习进阶部分,也可以开始学习php课程,对于职业的发展哪怕你做专业的前端,也是需要学习一门后端语言的, php是最容易入门的后端语言第二阶段[前端高手进阶]:------------------------------------------------------------------------------------1,[Js高手之路第二部]Javascript面向对象特效&框架封装实战:https://edu.51cto.com/course/8316.html2,[Js高手之路第三部]Javascript模板引擎与单页路由实战视频课程:https://edu.51cto.com/course/10684.html3,[JS高手之路第四部]从零开始打造一个JavaScript开源框架gdom与插件开发:https://edu.51cto.com/course/10921.html4,[js高手之路第五部] html5 canvas基础详解与动画实战视频教程:https://edu.51cto.com/course/11453.html5,前端构建工具gulp与webpack零基础实战视频课程:https://edu.51cto.com/course/11469.html6,[JS高手之路第六部]javascript es6标准入门与实战视频课程:https://edu.51cto.com/course/11522.html7,[JS高手之路第七部]JavaScript插件开发视频课程:https://edu.51cto.com/course/11527.htmlphp路线图:------------------------------------------------------------------------------------1,PHP基础与项目实战视频课程:https://edu.51cto.com/course/7220.html2,Ajax与JSONP跨域实战视频课程:https://edu.51cto.com/course/10020.html3,阿里云ECS Linux服务器项目部署实战视频课程:https://edu.51cto.com/course/7555.html4,php工具调试&Thinkphp运行流程分析视频课程:https://edu.51cto.com/course/7576.html前端与php学习套餐选择:------------------------------------------------------------------------------------从零基础到受人欢迎的前端开发攻城狮系列套餐:https://edu.51cto.com/topic/770.html小白变大神-成功变为PHP开发工程师系列套餐https://edu.51cto.com/topic/769.html
-
jQuery实战[上百个网站实例&插件开发及其使用(持续更新中)]
53节
13小时9分钟
课程目标:
课程VIP交流QQ群【新】(290629621),凭购买ID入群本套jQuery教程针对有一定JS或者jquery基础的人员,偏实战!! jQuery发展至今,已经成为web开发人员必须学习的一门技术,本套课程,希望通过大量案例,使大家快速学习jquery核心功能:选择器,DOM,事件,动画,插件开发,插件使用.前端最核心的是什么课程?嗯,很多人都知道,那就是javascript,几乎贯穿了整个前端开发,不管你是用框架开发还是用打包工具,也或者是学习node.js,javascript学习的深度,在很大程度上决定了你能你在前端这条路走多远,核心学习不扎实,终究只是学习套用框架和工具,新框架来了,又得依葫芦画瓢学习简单的api,不能领悟框架精髓和使用场景,学习前端核心,才能应对自如!!!, 如果你不知道每个阶段学什么,下面的路线图可以很好的帮你解决迷茫!前端路线图:第一阶段[零基础入门]:------------------------------------------------------------------------------------1,HTML+DIV+CSS零基础快速入门到制作企业站视频课程:https://edu.51cto.com/course/6849.html2,[Js高手之路第一部]JavaScript上百例实战【新版】: https://edu.51cto.com/course/7233.html3,jQuery在网站中的应用-零基础实战:https://edu.51cto.com/course/7240.html4,jQuery实战[上百个网站实例&插件开发及其使用:https://edu.51cto.com/course/6594.html5,Bootstrap快速入门视频课程:https://edu.51cto.com/course/6503.html第一阶段属于php和专业前端的公共课程,学完这个阶段,可以开始学习进阶部分,也可以开始学习php课程,对于职业的发展哪怕你做专业的前端,也是需要学习一门后端语言的, php是最容易入门的后端语言第二阶段[前端高手进阶]:------------------------------------------------------------------------------------1,[Js高手之路第二部]Javascript面向对象特效&框架封装实战:https://edu.51cto.com/course/8316.html2,[Js高手之路第三部]Javascript模板引擎与单页路由实战视频课程:https://edu.51cto.com/course/10684.html3,[JS高手之路第四部]从零开始打造一个JavaScript开源框架gdom与插件开发:https://edu.51cto.com/course/10921.html4,[js高手之路第五部] html5 canvas基础详解与动画实战视频教程:https://edu.51cto.com/course/11453.html5,前端构建工具gulp与webpack零基础实战视频课程:https://edu.51cto.com/course/11469.html6,[JS高手之路第六部]javascript es6标准入门与实战视频课程:https://edu.51cto.com/course/11522.html7,[JS高手之路第七部]JavaScript插件开发视频课程:https://edu.51cto.com/course/11527.htmlphp路线图:------------------------------------------------------------------------------------1,PHP基础与项目实战视频课程:https://edu.51cto.com/course/7220.html2,Ajax与JSONP跨域实战视频课程:https://edu.51cto.com/course/10020.html3,阿里云ECS Linux服务器项目部署实战视频课程:https://edu.51cto.com/course/7555.html4,php工具调试&Thinkphp运行流程分析视频课程:https://edu.51cto.com/course/7576.html前端与php学习套餐选择:------------------------------------------------------------------------------------从零基础到受人欢迎的前端开发攻城狮系列套餐:https://edu.51cto.com/topic/770.html小白变大神-成功变为PHP开发工程师系列套餐https://edu.51cto.com/topic/769.html
查看更多课程
第三阶段: 中级系列:移动端:HTML5+CSS3+移动端+移动端框架
5门课程
31小时3分钟
HTML5+CSS3+移动端+移动端框架
-
HTML5实践视频教程
53节
10小时9分钟
课程目标:
HTML5是WEB前端开发必须学习的课程,要求学生已经对HTTP协议、HTML、CSS、JS有一定的基础和应用基础,,能过本课程的学习使用学生学习html5在WEB前端开中的应用!本课程目标是教会学生熟练使用html5与CSS3,并且学习html5在图形绘制、多媒体、本地存储、文件、WebRTC通信、扩展的XML HttpRequest、离线应用、Web Workers、地理位置信息、拖放与通知等内容的应用场景
-
-
HTML5开发手机App系统课程之:CSS全教程
45节
9小时21分钟
课程目标:
多面解读CSS2,CSS3以及CSS布局模式等各项知识点,深入系统了解CSS能够实现的各种功能并加以灵活运用。 使致力于开发Web前端和手机APP开发的各类学习者都能够有所收益。
-
移动端页面布局基础详解篇视频课程
17节
2小时24分钟
课程目标:
学完本课程,你将了解和学习:1、viewport 与 px2、移动端meta3、移动端字体4、高清图像处理5、1像素边框6、iconfont的使用7、vw与vh8、flexbox布局
-
移动端页面布局项目视频课程实战篇
5节
2小时
课程目标:
学完本课程,你将了解和学习:1、弹性布局(100%布局)解析2、等比缩放布局(rem布局)解析3、项目实战-弹性布局4、项目实战-rem布局5、项目实战-使用UI库
打造专业级HTML5前端开发工程师系列学习专题资料下载
课程名称 |
操作 |
HTML+CSS零基础入门视频教程 |
付费用户专享
|
HTML+CSS实例详解视频课程 |
付费用户专享
|
JavaScript实战综合案例视频课程 |
付费用户专享
|
web开发之JavaScript快速入门视频课程 |
付费用户专享
|
[Js高手之路第二部]Javascript面向对象特效&框架封装实战 |
付费用户专享
|
[Js高手之路第一部]JavaScript上百例实战【新版】 |
付费用户专享
|
用Vue.js完成各种业务逻辑和项目搭建视频课程(**2.x版本) |
付费用户专享
|
Vue.js进阶教程基础:vue2.0前端教程 |
付费用户专享
|
Ajax与JSONP跨域实战视频课程 |
付费用户专享
|
AJAX异步数据交互视频课程 |
付费用户专享
|
编程语言之XML与JSON实战视频课程 |
付费用户专享
|
jQuery在网站中的应用-零基础实战 |
付费用户专享
|
jQuery实战[上百个网站实例&插件开发及其使用(持续更新中)] |
付费用户专享
|
HTML5实践视频教程 |
付费用户专享
|
HTML5开发手机App之:HTML5系统视频课程 |
付费用户专享
|
HTML5开发手机App系统课程之:CSS全教程 |
付费用户专享
|
移动端页面布局基础详解篇视频课程 |
付费用户专享
|
移动端页面布局项目视频课程实战篇 |
付费用户专享
|