jQuery技术

web前端学习路线图

字号+ 作者:H5之家 来源:H5之家 2017-05-28 11:03 我要评论( )

零基础web前端学习路线,前端小白入门课程让你先学习基础知识,系统学习html、css、js、jQuery,然后进阶,最后再到精通,一套完成的前端工程师学习路线图,本专

春风十里,不及入门前端的你

认识你,从揭开你的神秘面纱开始

Web前端开发是从网页制作演变而来,其中包括三要个素:HTML、CSS和JavaScript;
Web前端用人数量已经远远超过主流编程语言的开发人员的数量。据统计,我国对于web前端工程师人员的缺口将达到12万。在2016年的岗位全年共招聘136848人,平均每月招聘人数需求11412人

熟悉你,从了解你的方方面面入手

实现Web端界面和移动端的界面;
比如,网站设计、网页界面开发、前台数据的获取和绑定、以及动态特效等等

选择你,并着手规划与你的未来

据职友集数据显示,2016年web前端岗位月薪最高达到2-3万元,月平均薪资8190元,预计在2017年待遇将再一次水涨船高

职位参考:

Web前端工程师

前端架构师

网站重构工程师

网页制作工程师

H5开发工程师

移动端开发工程师

前端小白入门从这里开始

我能get哪些技能?

系统学习前端四大基础html、css、js、jQuery,配合400+练习题and教辅资料,你将有能力独立开发应用这些功能的项目

  • 轮播图特效

    网页特效中常常使用到的多张图片轮播

  • 弹出层

    网站中登录、注册、警告、对话框常会用到

  • 瀑布流

    广泛用于电商网站的详细内容或者商品展示

  • 楼层导航

    单击楼层导航时,可滚动至对应的楼层;显示对应楼层时,对应的导航项发生改变

  • 固定导航

    网页中常见的导航菜单固定显示在页面的某个部位

  • 我的课程将如何安排?

    步骤1: HTML基础

    超文本标记语言(英文缩写:HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言,为搭建网页结构做出第一步。本阶段主要介绍了HTML的语法基础、表格、表单、等标签,并有案例结合,达到学以致用。

    第1课

    HTML基础

    HTML是网页制作必备技能,在本课程主要介绍HTML概念、语法及常用基础标签

    第2课

    HTML表格

    表格在网页中用于数据和排版,本课程介绍表格概念、语法、操作,并通过案例掌握知识。

    第3课

    HTML表单

    表单用于收集用户信息,本课程介绍表单概念、语法及创建表单,并通过案例掌握知识。

    第4课

    案例搭建网页HTML结构

    本课程带领大家一起搭建一个网页HTML结构,并掌握网布局相应知识与技巧。

    第5课

    HTML基础测试

    本课为考评,满分100学分,共20道题,限时30分钟

    步骤2: CSS基础

    CSS是一种定义样式结构如字体、颜色、位置等的语言,被用于描述网页上的信息格式化和现实的方式。本步骤主要介绍了css的基础语法、选择器、文本、背景、列表、盒子模型、浮动、定位以及网页的布局方式。

    第1课

    CSS选择的艺术

    本课程主要介绍CSS语法、选择器、继承、层叠及优先级基础内容。

    第2课

    CSS文本样式

    CSS为字体、文本提供了大量的样式属性,可以使我们的页面式更加丰富的多彩。

    第3课

    CSS背景和列表

    本课程带领大家了解一下背景颜色、背景图片的相关知识,以及列表的多种样式。

    第4课

    盒子模型

    我们就来学习一下css的盒子模型,理解了盒子模型,才能更好的排版,进行页面布局。

    第5课

    float浮动

    本课程主要介绍了浮动的作用,带领大家用更好的方式来布局页面。

    第6课

    CSS定位(position)

    本课程,将带领大家了解一下定位的知识,教大家如何通过定位来进行布局。

    第7课

    CSS网页布局基础

    本课程,我们我们就针对CSS中的基础布局以及经典的布局展开详细的讲解。

    第8课

    网页布局案例

    本课程通过实战的讲解,带领大家体验真实开发中的的布局样式。

    第9课

    CSS基础测试

    本课为考评,满分100学分,共20道题,限时30分钟

    步骤3: JavaScript基础

    JavaScript是一种解释性脚本语言,主要用来向HTML页面添加交互行为。本阶段主要带领大家学习JS的基本语法、流程控制语句、函数、对象、DOM、BOM、事件以及轮播图的案例,实现网页的交互效果。

    第1课

    JavaScript语法

    初步了解JavaScript语言,掌握它的语法、数据类型、基本算数和逻辑运算操作

    第2课

    JavaScript流程控制语句

    掌握JavaScript中条件分支语句和循环语句的使用,用简洁的代码实现强大功能

    第3课

    JavaScript函数

    掌握函数的使用,学习函数的封装,体会代码复用的过程和它带来的便利

    第4课

    JavaScript内置对象

    学习内置对象的常用属性和方法,方便我们开发中直接调用,进而实现更多功能

    第5课

    JavaScript DOM基础

    DOM的方法和属性既可以获取网页中的元素,也可以设置元素的内容、样式及效果

    第6课

    JavaScript DOM事件

    为页面中的元素绑定键盘或鼠标事件,从而可以触发和实现我们想要的交互效果

    第7课

    JavaScript BOM基础

    学习浏览器对象模型“BOM”,可以对浏览器窗口进行访问和操作,与浏览器“对话”

    第8课

    JavaScript实现轮播特效

    综合运用JavaScript知识,做出轮播图、tab页切换等实用特效

    第9课

    JavaScript基础测试

    本课为考评,满分100学分,共25道题,限时37分钟

    步骤4: jQuery基础

    jQuery是一个快速、简洁的JavaScript框架,设计宗旨是“write Less,Do More”。本阶段将为大家介绍jQuery的基础语法、选择器、DOM、事件、插件、瀑布流案例等。

    第1课

    jQuery选择的艺术

    课程主要介绍jQuery的概念、版本、选择器,筛选器、以及与js的区别。

    第2课

    jQuery DOM操作

    本课程主要讲解jQuery中查找元素、修改元素样式和内容以及其它操作方法。

    第3课

    jQuery事件

    本课程主要介绍了jQuery对象中的0级事件、2级事件,以及事件的添加、移除、触发、自定义事件、命名空间。

    第4课

    jQuery插件

    本课程主要介绍了如何寻找自己需要的插件,如何使用插件,几个常用插件的介绍、以及如何自定义插件。

    第5课

    jQuery弹出层案例

    通过弹出层案例的讲解,让大家更灵活的使用jQuery的属性和方法以及函数的封装。

    第6课

    瀑布流布局案例

    瀑布流布局,是目前比较流行的一种网页布局方式,它会随着页面滚动条的滚动而不断加载内容。

    第7课

    jQuery基础测试

    本课为考评,满分100学分,共20道题,限时30分钟

    步骤5: 实战案例

    通过前面步骤的学习,我们学会了网页开发的基础知识,本阶段将由多年开发经验的老师带领你体验企业开发中的流程,从ps切图到最后的网页完成,积累项目开发经验。

    第1课

    Photoshop辅助工具

    Photoshop是图像处理的软件,本课程主要介绍了它是如何对图形图像进行编辑和色彩处理的。

    第2课

    统一挂号平台案例

    结合所学的HTML、CSS、jQuery知识,完成整站开发

    第3课

    实战测试

    本课为考评,满分100学分,共20道题,限时30分钟

    查看全部内容编排

    适合人群

    只需你对Web前端充满兴趣

    我经常一听就懂,一上手就懵逼,怎么办?

  • 真实案例讲解
    完爆纸上谈兵

    扎实的知识基础,会让你的进步事半功倍!完成每门课的学习目标,解锁新的学习领域,一步一脚印,一定收获满满

  • 1v1作业批改
    点对点技能强化

    热情的同学和教学团队,会在问答区及时解答你学习上的疑问,1V1作业批改,帮你解决实践过程中遇到的困难

  • 专业助教团
    全程线上答疑

    拥有多年教学经验的专家级教学团+一线公司大牛,高超的授课技巧+实战视野,让你理论和实践知识兼得

  • 免费延期等你拿
    学习更透彻

    现在加入额外赠送60天学习时间
    路径学习期限为
    150天 +(赠送60天)= 210天

  • 万事俱备 只等你来

  •  

  • 1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

    相关文章
    网友点评