前端学习路线

如果你是想要学习Web前端的新人，那么恭喜你，看完这篇文章，尽早的选择好努力的方向和规划好自己的学习路线，比别人多一点付出并且持之以恒，你就已经赢在了起跑线上。有道是，莫道君行早，更有早行人。 如果你已经学完了但是还没找到工作，那么就应该反省一下自己，到底哪些方面于欠缺，亡羊补牢，为时不晚，现在行动起来，你就还有机会! 难道真的是市场已经饱和了吗? 其实还是很缺人的，只是不缺基本的从业者了，学习前端的人很多也就意味着竞争很大，对于刚刚准备踏入职场的前端小伙们来说，找工作就是一场战争。目标就是那几个工作岗位，周围的人全是敌人，没什么同伴。那么如何才能拥有自己的核心竞争力，在人群中脱颖而出呢?下面和千锋广州小编一起来看看吧！ ​第一：一定要重视基础 首先建立第一条技能线：就是前端由HTML，CSS，JS组成;然后将其细化为第二条线，HTML是由HTML4和HTML5组成;第三条线，CSS由CSS2和CSS3组成;第四条线，JS由es5和es6构成。 接下来是框架方面的延伸：CSS方向有less，HTML方向有bootstrap，JS方向有JPuery库。 再往下延伸一层：HTML、CSS方向，有前端构建工具;JS除了JP库之外，还有更全面的前端框架，react、angular、vue。 再往下细化：react是一个view层方案，为了让它能够全面解决前端需求，需要Redux、react

主要两个项目， 一个是侧重于css特效方面的，要求就是非常酷，帅到没朋友 第二个项目侧重逻辑处理，用来升华你的逻辑能力 这两个项目可以从网上搜几个网站来模仿，之前我的学生有做过：苹果官网，魅族官网，花瓣网，网易云音乐，在行等很多网站，做的也很不错。 我个人是想做： 一个有模有样的微信小程序（小程序） 一些常见的静态网页布局（DIV+CSS，H5） 一个略复杂的网站：微医网患者问诊数据交互（JS/ES6） 一个VUE框架下的网站：用上面的网站转换！（ VUE） 来源： CSDN 作者： Yslsql 链接： https://blog.csdn.net/qq_26983201/article/details/103826975

学习前端前言 1.学习前端，你要认识前端是干什么的！ 前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，最新的高级版本HTML5、CSS3，以及SVG等。 HTML、CSS、JavaScript 这三个是前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。虽然表面看起来很简单，但这里面需要掌握的东西绝对不会少。在进行开发前，需要对这些概念弄清楚、弄明白，这样在开发的过程中才会得心应手。 HTML 指的是超文本标记语言 (Hyper Text Markup Language)，这个也是我们网页最常用普通的语言了，经历了多个版本的发展，已经发展到5.0版了，得力于W3C建立的标准和规范，已普遍升级到了XHTML，XHTML 指可扩展超文本标签语言（EXtensible HyperText Markup Language）， XHTML 于2000年的1月26日成为 W3C 标准，是更严格更纯净的 HTML 代码，XHTML 的目标是取代 HTML。XHTML 与 HTML 4.01 几乎是相同的，XHTML 是作为一种 XML 应用被重新定义的 HTML

黑马程序员：从零基础到精通的前端学习路线 随着互联网的深入发展，前端开发工程师一跃成为市场上非常抢手的人才。很多同学，包括以前做UI的、Java的、或者对于IT完全零基础的同学都想学习前端。下图是网上流传甚广的一张前端学习思维导图，很多初学者表示看到这些密密麻麻的知识点就已经晕了。确实，前端是一门涵盖面很广的学科。但是想学前端的你也不用慌张，内容虽多但有迹可循，只要循序渐进就不怕学不好前端！ 那么前端开发到底需要学什么？应该怎么学？接下来黑马程序员前端学院教你如何从零基础学习前端。 一、前端开发入门 在入门阶段，你首先要学会最基本的技能：根据UI的设计稿，实现HTML的静态页面制作。这就要求你得掌握HTML、CSS页面布局排版、样式美化等技能。 在这个阶段你需要学习： 1、HTML+CSS基础 掌握HTML的标签使用、排版技巧、CSS的布局定位、样式美化、浏览器兼容性。 2、JavaScript基础 掌握JS的基本语法、条件、语句、循环等，学会常用算法，增强逻辑性。 3、常用的前端工具 比如Webstrom、Sublime、Dreamweaver等。掌握其快捷键设置等技巧，可快速提高开发调试效率。 这个阶段的学习难度相对不高，学完这些之后，我们已经能完成静态页面的制作。当然，这只是入门，如果你想用这些技能找工作的话还是比较困难的。 二、前端开发初级 在接下来的这一个阶段

可以从这关注实时动态，也可以fork之后push： https://github.com/jsfront/month 可以从这查看以往： http://www.kancloud.cn/jsfront/month/82796 1. Javascript 2. 移动Javascript开发 3. Html5 4. CSS 5. Angular 6. React, Webpack 7. Vue 8. jQuery 9. 看书学习 10. Git,Github 11. 创业 | 职业 | 管理 | 产品 12. IDE，编辑器，调试等工具类 13. 前端架构及工程化等 14. Sass，PostCSS 15. 工作 | 协同 | 流程 16. Nodejs 17. UI 18. 性能优化教程 19. 面试相关 20. mac ios 21. php 22. 英语 23. 其它 24. 特别推荐我联盟群几个高手的力作或个人网站 1. Javascript 视频-D2前端技术论坛——2015融合 不可错过的javascript迷你库 测试框架 Mocha 实例教程 为你详细解读HTTP请求头的具体含意 Markdown解析的js库simple-markdown 如果要用前端框架，开发流程是怎样的？ obeject.key与object[key]有什么区别 正确使用Github 的方法是什么？

随着智能手机、平板电脑等移动终端设备越来越普及，用户在移动端花的时间也越来越长。H5开始火热起来，以文字、图片、动画、声音等相结合的自媒体出现，给用户带来了全新体验，技术本身带来的新奇感让人们心生向往。 下面我们就来聊一聊H5入门的一些知识吧！ 详细的零基础web前端学习路线，开发工具、学习资料等可以点击有道云笔记链接链接： http://note.youdao.com/noteshare?id=5a59a01114c49200fce7646f411bfc80 什么是H5？ H5即HTML5，是指“HTML”的第5个版本，而“HTML”，则是指描述网页的标准语言。因此，HTML5，是第5个版本的“描述网页的标准语言”。 H5特性 H5 是 W3C 与 WHATWG 合作的结果，WHATWG 指 Web Hypertext Application Technology Working Group。WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。 H5 中的一些有趣的新特性： 用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持 新的特殊内容元素，比如 article、footer、header、nav、section

对于前端学习者来说，掌握必要的知识技能是一个必经的过程，那么对于前端来说，需要掌握哪些必备的技能呢？ 总结了下面六个： 一，html 这个是最简单的，也是最根本的。要谙练把握html中的div、formtable、ulli、p、span、font这些标签，这些都是最常用的，特别是div和table，div用于构造、table也可以用于构造，可是不矫捷，根基table是用来和数据打交道。 二，css 这里说的css不网罗css3，一样平常我们看到web前端开发工程师的要求里面，有一个会使用css+html或者css+div来停止界面构造，所以css是用于辅助html来构造和展现的，我们称之为“css款式”，为什么会说css+div呢?由于我上面说了div就是html首要用于构造的工具，所以div就是焦点把握的工具！那么css必定必需要配合div来使用才好。css要谙练把握float、position、width、height，以及对付的最大最小、会使用百分百、overflow、margin、padding等等，这些都是跟构造有关系的款式，必定要把握。 三，js 可能前两个大家觉得学习起来感受还过的去，看到js就蛋疼了，其实吧，js入门很简单的，不必要会良多工具的，只需会按照某个id、或者name拿到网页dom或者款式、或者值，然后会给某个id或者name的元素标签赋值、或者追加数据

每一个写前端的人都有不同的故事.但是都是基础从零开始.实习公司用的框架也好,网上查到的例子也好,都是需要基础才可以看懂的.那基础是什么呢,我觉得就是常用的前端的一切.我刚写前端三个月.整理一下自己学到的知识. 1:什么是html? HTML是World Wide Web上统一的语言。指的是超文本标记语言 (Hyper Text Markup Language)，使用它所提供的标签，人类已经创建了令人惊奇、姿态万千的超链接的文档网络。这里要注意的是：HTML不是一种编程语言，而是一种标记语言 (markup language)。 它的基本语法是以"<>“尖括号标签开始，以”"尖括号中带刚斜杠的标签结束，标签通常是成对出现的，标签对中的第一个标签是开始标签，第二个标签是结束标签，或者称为开放标签和闭合标签. 使用到的场景: 比如说你需要写一个页面.那你可以这样写: <html> <body> <h1>我是你的第一个页面！</h1> <p>hello world!</p> </body> </html> 专门建立的学习Q-q-u-n： 731771211，分享学习方法和需要注意的小细节，不停更新最新的教程和学习技巧 （从零基础开始到前端项目实战教程，学习工具，全栈开发学习路线以及规划） 效果图: 2:什么是css样式? CSS是一种向网页添加样式的机制，样式表可描述文档如何被显示

可以从这关注实时动态，也可以fork之后push： https://github.com/jsfront/month 可以从这查看以往： http://www.kancloud.cn/jsfront/month/82796 1. Javascript 2. 移动Javascript开发 3. Html5 4. CSS 5. Angular 6. React, Webpack 7. Vue 8. jQuery 9. 看书学习 10. Git,Github 11. 创业 | 职业 | 管理 | 产品 12. IDE，编辑器，调试等工具类 13. 前端架构及工程化等 14. Sass，PostCSS 15. 工作 | 协同 | 流程 16. Nodejs 17. UI 18. 性能优化教程 19. 面试相关 20. mac ios 21. php 22. 英语 23. 其它 24. 特别推荐我联盟群几个高手的力作或个人网站 1. Javascript 视频-D2前端技术论坛——2015融合 不可错过的javascript迷你库 测试框架 Mocha 实例教程 为你详细解读HTTP请求头的具体含意 Markdown解析的js库simple-markdown 如果要用前端框架，开发流程是怎样的？ obeject.key与object[key]有什么区别 正确使用Github 的方法是什么？

前些日子，在某论坛看到一帖，问「一线城市中小公司的前端10k应该会什么？」，下面有很多回答，大多数回答的是一些会前端三大基础啊，html,css,JavaScript这些，然后一两个框架。实在是太笼统了，这回做一个总结，写下来，也让更多对编程，对前端感兴趣，并想以此为饭碗的朋友们多了解一下！ 以下是匿名用户的回答： 毕业一年，工资9.5k，加上补贴奖励， 税后10.5k左右 。 1. html、css、js基础自我感觉良好。语义化、写点css3动画、写写原生js等。 2. 在学校期间就学了前端用jq、bootstrap做过一些项目，学了vue基础，能简单搭个vue项目。 3. webpack只能说会用，一般直接配置有些api记得不清楚，需找文档，主要是不用常配，基本项目开头配置一次，中期优化配置。 4. vue前后做了2个商业项目（公司主要用的vue+elementUI）。 5. react未做过项目，自己找些网站模仿着写点东西（没机会用react做项目）。 6. 代码基本用上ES6，还有async/await等一些语法。 7. 略懂一些常见简单的优化，js优化、懒加载等等。 8. node的话看过视频跟着做了一个小项目，那时候还学了点mongodb、jade等（不过好久没用，忘记7788了），现在和react配合着，ts+koa+Graphql作为中间层，react