web前端开发入门,学习路径以及具体的学习内容

前端学习路径

1.WEB前端快速入门

在本阶段,我们需要掌握 HTML 与 CSS 基础,当然,也包含 H5 和 C3 的新特性。这个部分内容非常简单,而且非常容易掌握。相信你也更愿意学习这个部分,毕竟他可以让你最直观的感受到前端的魅力。为了锻炼大家写代码,可以根据你喜欢的站点去实现效果。这一阶段是非常重要的基础阶段,所谓基础就是可能这个阶段我们的学习的内容,可以让我们开发出来绚丽网站站点,但是功能丰富却暂时做不到。 为了完成更绚丽的站点,我们需要掌握常见特效的实现,利用 css3 和 h5 的新特性实现动画,布局,雪碧图,滑动门,tab 切换等特效。并且掌握基础的站点优化内容。例如 sprite 等。虽然我们还不能完成更多交互内容,但是我们会学习到很多的知识模型和理论,而这些知识模型和理论是我们后期工作和学习的基石。扎实的基础有了,我们才能走的更稳更快。

注:本阶段不涉及到编程,主要是熟悉 HTML5 各种标签用法、CSS3 各种属性的用法。

2.JavaScript 基础与深入解析

JavaScript 语言非常重要,可以说学习前端本质就是学习“JavaScript”编程。后面学全部都是基于JavaScript 的。JavaScript 语言可以让网页元素具备动态效果,让体验度更加流畅。这在目前流行的 B/S 架构体系下,是极端重要的事情。这也是为什么前端工程师大行其道,被广泛需求根本原因。在本阶段中,我们主要学习基础 JavaScript 语法与深入解析 JavaScript,包含 DOM 操作同时也涵盖了面向对象和设计模式,课程也涵盖了兼容性处理和数据解析。希望大家在本阶段可以熟练掌握这些知识点。

3.jQuery 应用与项目开发

jQuery 是一个快速、简洁的 JavaScript 框架,jQuery 设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装 JavaScript常用的功能代码,提供一种简便的 JavaScript 设式,优化 HTML 文档操作、事件处理、动画设计和 Ajax交互。在本阶段,我们注重讲解如何更好的应用 jQuery 以及他的设计方式,同时也包含jQuery 扩展内容。

4.PHP、数据库编程与设计

后端服务器工程师需要了解前端的基本知识,同样,前端工程师也必须了解服务器端编程的基本内容。我们可以不精通,但必须知道整体的流程。作为一名前端开发工程师,会一门后端语言是必然的。在我们的课程中,为您选择的是PHP,因为 PHP 环境搭建简单,语言与 JavaScript 相似性比较大,并且容易上手,连接数据库也非常方便。希望本阶段的内容能帮助你快速掌握前后端交互数据。通过学习 PHP,前端工程师也能称为“全栈工程师”。既能做前端开发,也能做后端服务器开发。

5. Http 服务于 Ajax 编程

Ajax 真的是一个非常古老的技术了,但是到现在为止,这门技术仍然被大量使用,可以看出来,他是多么的优秀。在本阶段,我们将带你了解 Ajax,并且掌握它的应用。也包含了解 Http 相关的知识。对于站点来说,除了页面效果能看到的就是数据了。所以,数据的获取合理适配尤为重要。与 Ajax 相关的也包含跨域处理,希望大家可以掌握这些核心知识点。

6. 做一个阶段项目

本阶段为纯项目实战,可以将前面学到的知识融会贯通,不实战就相当于没有学习;主要练习网络请求、站点布局、网站优化等内容,同时我们需要对项目有一定的而了解。 所以,在老师的带领下,可以更快的了解项目如何搭建,如何更优雅的实现代码。老师会将整个项目的开发流程完整的罗列出来。本阶段也锻炼 BootStrap 的应用,也包含一些常用的第三方插件。在实战中展示具体应用。

7. H5 新特性与移动端开发

H5 新特性在现在来说已经不再是新内容了,项目中随处可见,毕竟移动端不会存在兼容性问题,而且这些新特性在移动端的体现也是非常好的。例如定位,语义化等。利用 Canvas实现更多的效果等。

8. 高级框架

随着项目的需求越来越多。传统的开发方式已经不能满足我们的需求了,所以我们需要更多的支持。在本阶段中,我们讲解模块化,将程序分解为模块化开发。我们需要 Nodejs 做支撑,

无论是作为构建工具中的服务器存在,还是为我们提供数据模拟测试,都是必不可少的。随着 ES5 发者体会在开发中的难言之隐,ES6 的到来解决了各种头痛的问题。也是我们必须要掌握的一个重点还有更多,例如多人协同开发(git 或者 svn),利用 Less 和Sass 完成更好的 CSS 的编写。接下来我们介绍一下目前前端三大框架:Angular:Angular 是一个开发平台,他能帮我们轻松的构建 Web 应用,我们将在这部分课程中讲解Angular 的声明式模板,依赖注入,端到端的工具和一些最佳实践于一身。我们通过完整项目配合实例讲解课程,以便于大家更容易去理解 Angular 的应用。


React:作为前端三大框架之一,React 拥有声明式和组件化两大特点,React 可以轻松创建交互式用户界面。为应用程序中的每个状态设计简单的视图,当数据更改时,React将高效地更新和正确的渲染组件。声明式视图使您的代码更具可预测性,更易于调试。创建好拥有各自 State(状态) 的组件,再将其组合构成更加复杂的 UI 界面。由于组件逻辑是用 JavaScript 而不是模板编写的,因此可以通过应用程序轻松传递丰富的数据,并将 State(状态) 保留在 DOM 之外。

VUE:在借鉴了 Angular 和 React 两个优秀框架的基础上,Vue 无疑是非常受欢迎的,它使用简单强大的生态系统,高效的运行速度也是我们在开发中的选择之一。Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue的核心库只关注视图层,不仅易于上手,还便于目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。在学习真个 Vue 的过程中,我们会通过两个企业级项目来讲解他的使用,以便于大家更好的掌握使用 Vue 熟练开发。

9. 微信小程序

作为微信推出的一种新的项目展示形式,微信小程序必然是非常受到人们重视的,而且,

目前为止,大部分推广为主的公司都存在了微信小程序,也催生了一个岗位,微信小程序开

发工程师。可想而知,微信小程序是非常火的。


在入门学习前端的过程当中有遇见任何关于学习方法,学习路线,学习效率等方面的问题,

你都可以申请加入我的前端学习交流裙:前面:741中间:090最后:028,暗号:小螺号。里面聚集了一些正在自学前端的初学者,

裙文件里面前端开发工具,视频资料都可以自行来获取下载。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,163评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,301评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,089评论 0 352
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,093评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,110评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,079评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,005评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,840评论 0 273
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,278评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,497评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,667评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,394评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,980评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,628评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,796评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,649评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,548评论 2 352

推荐阅读更多精彩内容