曾经的我怎么也想不到, web 前端开领域能发展到今天的样子, 但是对于很多想转行学习的初学者, 你首先需要先掌握必备的基础知识, 以及独立学习及解决问题的技能. 下面我们来详谈一下! 坐下来详谈
地基 - 基础: html,CSS 和 JavaScript----- 网页三剑客
在一开始一个初学者都是蒙圈的状态, 不知道自己该学什么是正常的, 首先你需要先了解 HTML,CSS 以及 JavaScript 的基本语法, 这好比我们盖房子打下的地基, 地基有多么牢靠, 房子就能盖多高, 地基打好了, 房子就会变成楼房, 学习 HTMLCSS 是非常容易的, 在有人正确指导学习下利用 1.5 个月的时间就可以完全熟练的掌握网页的静态布局, 我接触过很多初学者, 一周就把 HTMLCSS 学完了, 过来人告诉你不仅 "一点用处没有" 而且大大浪费时间, 不过每个人的选择都不一样.
接下来我们通过一些练习巩固基本语法, 并通过实际编写项目来对其进行掌握和探索, 完成 3-5 个成型的静态界面, 穿插知识点融会贯通, 最后你需要一些比较好的书籍进行理论知识的灌溉进阶的指导来帮助你深入理解概念. 在这个时候一定要记住, 书是后面看的, 一定不要先看书, 以 JavaScript 为例首先我们需要了解变量, 赋值, 运算符, 布尔值, 循环, 数组, 函数等基本语法, 并通过写一些快速反馈的习题来帮助自己掌握语法.
接着我们可以编写一些交互式的操作, 如对网页中的按钮进行响应事件 (在这个过程中你可能会了解到 jQuery). 当到达某一个时间点的时候, 你会发现自己对闭包, this, 原型链, 伪类和子类等这些概念不了解, 它们会阻碍着你进一步地探究, 这时你就需要高人的指导来帮助你度过难关啦.
冲破牢笼
当你不再苦苦地与 HTML,CSS 以及 JavaScript 纠缠时, 你就可以接触到一些流行框架, API, 以及网站优化的内容, 你需要的是更加专业的系统学习, 而不是之前学习 HTMLCSSJavaScript 时的零散学习, 毕竟专业和业余之间存在很大差距, 能够提供给你系统的前端开发知识, 能够让你学完后有掌握必备的基础知识, 以及独立学习及解决问题的技能.
下面我们来详细的聊一下:
HTML5 新特性语法基础 CSS3 基础语法应用: 成为 Web 前端新时代的科技前沿
响应式网页布局: Bootstrap, 响应式图片
JavaScript 高级: if else,array, 等基本编程语法概念
jQuery 框架熟练应用开发工具组件
前端开发进阶:
面向对象的 JavaScript: 作用域, 闭包, this 关键字, 原型链, 对象修饰模式, 函数类, 原型类, 伪类模式, 超类和子类, 伪类子类,
HTML 5 Canvas 基础
编写 README 文档
网站性能优化
浏览器渲染优化
Ajax 入门
JavaScript 设计模式
调用地图 API
Jasmine 测试框架
主流框架:
大热之 vue.js, 目前国内最常用的框架就是 vue, 推荐前端学习者必学的框架, 工资涨停被备技能之一.
备选主流框架: angular
备选主流框架: Reatc
我做 Web 开发 6 年的时间, 如果大家对于学习前端的学习方法, 学习路线还有以后发展问题有任何疑问, 都可以随时来咨询我
一位好的 Web 前端开发工程师在知识体系上既要有广度, 又要有深度, 所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师. 那么如何系统的学习企业实用的 Web 前端技术呢, 为此建立了一个 Web 前端的直播上课学习扣扣裙, Web 前端前面数字是七六七, Web 前端中间的数字是二七三, Web 前端最后是零一二, 将数字连接起来就是了. 真正想要学习的可以进入, 打酱油的就不要浪费大家的时间了. 现在说的重点不在于讲解技术, 而是更侧重于对技巧的讲解. 技术非黑即白, 只有对和错, 而技巧则见仁见智.
来源: http://www.jianshu.com/p/5b32719e208d