前端学习路线

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

我是大猪蹄子 Header 队名：To Be Done 组长博客 作业博客 团队项目进行情况 燃尽图（组内共享） 展示Git当日代码/文档签入记录（组内共享） 注: 由于GitHub的免费范围内对多人开发存在较多限制，因此我们不会使用GitHub作为主代码仓库，而是使用自建的Git基础设施，我们可能不定期将代码镜像到GitHub 组员情况 王永福（组长） 过去两天完成了哪些任务 重构用户信息接口，使之更加灵活 用户信息界面绘制 Android 后台保活方法的初步研究 接下来的计划 继续完善轨迹记录 完成用户信息接口 还剩哪些任务 后端实现 前端实现 有哪些困难 被PostgreSQL的JSONB类型及其与Hibernate的序列化问题摆了一道 Android不同版本适用的保活方法不同 有哪些收获和疑问 收获：依旧趟坑 疑惑：这门课真的只有一学分吗？ 丁枢桐 过去两天完成了哪些任务 研究了关键词过滤功能 继续完善分享图解决方案 接下来的计划 继续学习android开发 编写分享图生成算法 继续寻找相关数据集 设计分类算法接口 设计无缝拼接算法 研究如何将NLP和关键词过滤有机结合在一起 还剩哪些任务 android前端 数据集找寻 继续找图片素材 有哪些困难 学习新开发工具，新语言 数据集资源查找困难 合适高清的素材 有哪些收获和疑问 收获

想来想去还是写下这篇文章，先说明，我精通JAVA编程语言和web前端常见的技术，个人是做JAVA的多，但是更加喜欢前端。因为我从高一开始接触JAVA，家父是黑马的JAVA讲师，自己对编程很热爱，在大学的时候就选择了软件工程。距今接触开发能有十年的时间。本次文章不可以太短，显得我不太认真，也不可以太长，那样看的人很少。 我学习编程的主要优势是身边有个老司机，也就是我爸爸，做了开发近20年，有什么自己解决不了的问题可以问他，但是奇怪的是很多问题都在尝试自己解决，这就锻炼了我自己解决问题的能力，而且学习前端开发的新手切记一点，一定不可以依赖外界因素，要培养自己的学习能力。 刚开始学习HTML+CSS的时候，我并没有费多长的时间，感觉很轻松，而且做了不少的精美静态网页。但是当我学习JavaScript的时候，跟着书学习就完全看不懂了，根本没法理解书上说的专业术语，这让我一度想到自己不适合学习这个，但是过后情绪稳定了也就好了，我总是遇到难题的时候就想自己太笨了，这个我心态有点不好。所以在这里不建议想学习web前端开发的新手一页一页的看书学习，没有什么效率，而且很难看懂或者看下去，书都是非常的厚重。 其实我刚接触网页制作的时候是大一，在之前一直学习的是JAVA，在大一的时候自己学的网页制作，也就是现在的前端技术，个人更加倾向于做前端，因为网页的画面感确实很吸引人，自己特别有成就感

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 当前IT的发展，已经成为我国的重大产业之一，很多的企业为了争夺优秀的专业人才，不惜给出丰厚的薪资待遇。据知名部门统计，每年IT行业的人才缺口可达到数百万，尤其是前端软件人才的缺口。而我国信息化人才培养还处于发展阶段，导致社会实际需求人才基数远远大于信息化人才的培养基数，使得数以万计的中小企业急需全面系统掌握前端开发基础技能与知识的软件工程师。 很多人由于大学误入了大坑专业，毕业后面临重新转行择业的问题。选择学习前端的人不在少数，原因嘛：入门学习的难度可以克服，就业市场广泛，且薪资较高。 对于前端学习的童鞋来说，首先要明白自己需要哪些专业技能才能满足企业的用人需求，其次是明白通过怎样的学习方式和途径可以较快掌握这些知识和技能。 下面给大家讲解一下前端需要掌握哪些技术吧 Web前端基础知识： 一．前端相关概念建立 主要内容： 浏览器的概念介绍： 浏览器的作用、工作方式 浏览器的概念介绍： 浏览器的作用、工作方式 HTTP协议： 协议产生的原因、作用、及内容 页面加载流程：当用户打开浏览器，输入地址栏并按下回车之后发生的事情 二．HTML-CSS-JS基础-jQuery 学习内容： HTML及HTML5：理解浏览器如何解析HTML、基本的语法规则、不同标签的使用方式、嵌套方式 CSS：理解层叠式样式表的语法规则

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 大多数野生程序员最棘手的问题就是如何依靠技术解决温饱，通俗来讲就是技术折现的问题。如果是单纯出于兴趣，或者只是为了突击某一阶段或者某一项目技术壁垒，不跟就业挂钩的自学倒也是无关痛痒。但是当上岗成为自学的终极目标和结果时，一切都就另当别论了。 前端自学者存在的学习误区： 1、所学东西可能已过时 奉为经典的东西可能已经过时，或者已经有了更好的替代者，而你获取信息的渠道有限，消息滞后，导致学习的内容也相对滞后。 2、学习方法盲目。 看书看不懂就找视频类教程学习，觉得教程跟自己的口味不符就另寻他法，因为自己缺少对资源的辨识能力，总是在没有清晰规划学习线路的情况就盲目学习，导致无效学习时间过长而收获寥寥。 3、只有理论，缺乏真实项目锻炼。 对技术的理解停留在理论层次，而缺乏真实企业项目的历练，如果没有相关实习或工作经历，对前端岗位具体的责任划分和工作流程了解不充分。 自学前端需要掌握哪些技能，才能去工作？ 所以，自学前端需要达到什么水平才能去工作？我结合了知识点和现在前端主流岗位需求，列举了一些，希望对大家的学习有帮助~ PC端网站布局：HTML基础，CSS基础，CSS核心属性，CSS样式层叠，继承，盒模型，容器，溢出及元素类型，浏览器兼容与宽高自适度，定位，锚点与透明，图片整合，表格，CSS属性与滤镜等。 HTML5

一 前后端分离的目的和作用 做Web开发也可以说是B/S架构开发，B端和S端从技术体系角度而言异构性很大，换而言之就是B端使用的技术和S端使用的技术不适于同一个体系，这样的结果导致实际开发中，很难做到专业分工，如果项目开发过程中管控不到位，这样的问题可能会影响到整个项目的开发质量，因此前后端分离的目的之一就是要做到专业化分工，提高项目的质量和开发效率。 随着技术的发展，当下的Web开发形势已经和以前有了很大的不同，早期的Web项目是一个封闭的项目，用户从浏览器里看到的页面直到后台数据库都是在一个项目里集成的，而现在Web系统的规模越来越大，中大型的Web系统是一个开放式的系统，开放型的系统用户在浏览器发起的请求可能会转发到外部的系统里进行处理，或者是本地的系统和外部系统一起完成请求的处理，此外有的请求可能不会直接请求数据库，而是请求缓存服务器，这些变化几乎都是发生在Web系统的服务端，前后端耦合度很高的Web系统服务端的复杂度提升必然带来了Web前端的复杂度的提升。因此Web前端从系统架构的角度也需要更加专业的管控，管控的作用之一就是前后端进行分离，降低前端对服务端的依耐性。 富客户端应用的普及导致Web前端技术开发更加专业化，Web前端工程师成为一个独立的技术岗位，Web前端开发技术的难度也越来越高，前后端的分离就是为Web前端开发营造一个良好的开发环境

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 一、前端是什么？ 工作流程为从UI处得到原型图或者效果图，在项目（网站、微信公众号、小程序、WEBAPP）中还原图片效果，然后与后台进行各种数据交互。 目前的前端市场整体还是处于迅速发展期，市场对于前端的需求也一直比较大。 市场对于中高级的前端工程师需求更加迫切，所以就算入了前端的门，也需要不断的提升自己，无论你是学院派，还是培训派，还是自学派，都应该具有强烈的学习意识。 二、目前入门前端的人群分类 1、计算机相关专业出身 系统走过计算机的理论基础，比如计算机组成原理、操作系统原理、计算机网络、算法数据结构、设计模式，至少用过两门以上编程语言（强类型+弱类型）。 **优点：**理论、架构方面扎实，有整体计算机思维，内功不错，外功学起来比较快。 **缺点：**部分人对前端相关细节技术不扎实，不过花时间能很快搞定。 2、非计算机出身自学（也包括计算机专业没好好学的） 理论基础薄弱，后来因个人兴趣或者职业需求，自学前端开发技能。 **优点：**自学能力比较强，能够根据自己的兴趣规划学习内容。 **缺点：**部分人对前端没有整体的学习框架不成体系，部分人计算机没有整体思维，建议系统梳理下前端知识体系结构，该补的还是要补起来。 三、入门前端时的一些困境 1、因一些基础算法、数据结构理论不扎实导致一些编程思维难于理解。 2

信息技术的迅速发展，使IT技术者们赶上了一个百年难遇的好机会，尤其是国家出台了“互联网+”的政策后，更是催生了IT行业的就业空间，使其呈现爆发性增长。 如今，微信逐渐成为了大家主要的交流工具，随着各种小程序游戏风靡朋友圈之后，其从业人员Web前端开发工程师的薪资可谓是一路高涨。细心观察下大家不难发现，就目前来看，Web前端作为移动互联网时代的前沿技术，不仅在电脑端，而且在手机端也得到了广泛的应用。据预测，Web前端开发在未来5—10年，将会成为移动互联网领域的主宰者。 当然，很多外行人对于“Web前端开发”的了解还只是皮毛，今天小编就为大家详细解释一下Web前端到底是什么。 1、什么是Web前端？ 早期互联网时代，电脑端的网站页面主要以静态为主，相对来说也没那么复杂。而现在随着网络信息逐渐丰富，网页发生了很大的变化，企业更加注重用户交互，各种产品层出不穷，好产品想要长久发展，用户体验就变得尤为重要，特别是移动端产品。 Web前端技术主要包括HTML5、CSS3、Less、Sass、响应式布局、移动端开发、以及Ps设计等，更高级的前端开发人员还需要掌握JavaScript 语言、Mysql、Mongodb数据库开发、vue.js、webpack、elementui等前端框架技术。 2、Web前端开发可以从事哪些工作？ 学完Web前端开发后，可以从事网站前端工程师、网页制作工程师

学习路线： 按照上图顺序所学，基础多看，安全方面的作为了解。 前端所需技术： 结构--HTML:描述页面的结构--HTML5 样式--CSS：美化页面--CSS3 行为--JavaScript：交互，提升用户体验--JavaScript2016 参考w3school网站学习 https://www.sublimetext.com----写网页的轻量级工具 jQuery---是JavaScript的函数库（框架），是一个轻量级的“写的少，做的多”的JavaScript库。 jQuery UI----是一个建立在jQuery JavaScript库上的小部件和交互库，可以使用它创建高度交互的 Web应用程序。继承jQuery简易使用特性，提供高度抽象接口，短期改善网站易用性。 jQuery EasyUI---是一个基于jQuery的框架，集成了各种用户界面插件。提供了创建网页所需的一切。 Vue.js-----是一套构建用户界面的渐进式框架。Vue只关注视图层，通过尽可能简单的API实现响应的数据绑定和组合的视图组件。 Node.js----是一个让JavaScript运行在服务端的开发平台。 AJAX-----是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 JSON-----是存储和交换文本信息的语法。类似XML。 JSP----其根本是一个简化的Servlet设计

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 1，不要着急看一些复杂网页效果的代码，这样除了打击你自信心，什么也学不到。没达到一定的武功水平，割了小JJ也学不会葵花宝典的。 2，别急着加技术交流QQ群，加牛人QQ。如果你找张三丰交流武功，你上去第一句问“丰哥，where is 丹田？”，你会被他一掌劈死的。 3，看网上什么多少天精通JS，啥啥啥从入门到精通，这种教程直接跳过吧，太多的事实证明，以一种浮躁的心态去做任何事都会以失败而告终。 推荐几本好书 “你丫吹了半天牛B，还是没说怎么学啊” 呵呵，我也没啥特别的办法，只是推荐几本好书。推荐的书，得按先后顺序看。别第一本没看完，就急着上第二本，并不是每次“穿越”都能成功的 第一阶段：《JavaScript DOM编程艺术》 看这本书之前，请先确认您对Javascript有个基本的了解，应该知道if else之类的语法，如果不懂，先去看看我第二阶段推荐的《Javascript高级程序设计》的前三章，记住看三章就别往下看了，回到《JavaScript DOM编程艺术》这本书上来。 学习Javascript用《JavaScript DOM编程艺术》来入门最好不过了，老老实实看两遍，看完了你就会对JS有一个大概的了解，整本书都围绕着一个网页效果例子展开，你跟着老老实实敲一篇，敲完之后