自学web前端开发计划 关于Web前端的学习和职业规划

我爱编程网小编给大家带来了自学web前端开发计划 关于Web前端的学习和职业规划相关文章，一起来看一下吧。

web前端学习路线如何规划？

Web前端主要的基本内容是：html，css，JavaScript；html是内容，css是表现，javascript是行为。每个人的基础及理解能力不同，所以自然选择的学习方式会有所区别，适合的就是最好的。以下学习路线可做参照规划自己学习步骤：
第一阶段学习：HTML5基础
在这一阶段主要学习，HTML5、CSS3、JavaScript基础，以及UI设计交互，完成京东页面的实现。
第二阶段学习：JavaScript核心
在这一阶段中将学习JavaScript核心，DOM编程，完成各种页面动态效果以及动态交互，实现2048游戏实战项目。
第三阶段学习：web前端核心
这一阶段是web前端真正核心所在，学习内容包括：jQuery、http协议及server端技术、HTML5高级，完成页面各种功能及效果，能够实现服务器端的通信分析，实现京东订单页的功能分析。
第四阶段学习：web前端高级技术
这一阶段是web前端技术提升阶段，学习内容包括：bootstrap、angularJS、web APP、常用JS框架，微信开发，实现web页面到移动端的迁移和部署，掌握微信产品设计和接口开发实现的相关技能

web全栈该怎么自学

互联网行业现今一直都很火热，相信未来也会是一直保持火热的状态。所以有很多朋友都开启了学习互联网学习的计划，有人选择培训，有人选择自学。但是对于学习互联网技术，应该有很多朋友都会感到迷茫吧。前几天，就有朋友问想自学web全栈应该怎么去做。下面我将和大家一起谈谈如何自学web全栈。
首先，你要了解什么是web全栈，以及知道web全栈需要学习哪些知识。
其次，你要知道自学web全栈，不是一件简单的事情，需要你有足够的毅力去坚持，也需要你有高效学习的能力，才能在尽量短的时间内学好它。
一个Web开发过程有三层架构：
表示层：表示层也被称为网站的前端部分。它处理网站的用户界面相关问题。
业务逻辑层：业务逻辑层也被称为网站的后端层，负责数据验证和动态处理。
数据库层：最后是数据访问层，利用API为网站提供数据。
以上三层共同称为全栈web开发。
作为web全栈工程师你需要知道以下知识：
1、服务管理/运维
一个开发者必须了解基础的服务器管理知识。包括当不限于以下知识：
通过终端或其他没有用户界面的环境来远程连接服务器
会写基本的shell脚本
服务器上的用户和群组管理
管理像Apache和Nginx这样的服务器程序来提供应用
防火墙管理和权限管理
安装和更新软件
除了这些基础技能，开发者必须懂得怎样去创建一个好的、健康的、分离的开发环境，在 Docker 或者像 Vagrant 这样的虚拟机环境中。如果上面所有的技术你都不熟悉，那我必须给你推荐一本超棒的书，点这里购买。
开发者必须对版本控制系统非常熟练，为了让开发有靠谱的生产备份和可分享、可协同的代码库，这些代码库能够根据时间来跟踪代码变化。现在已经没有开发者的工作流是完全离开版本控制的了。我们有一个非常棒的关于版本控制的视频教程，点这里购买。
2、云
和实际管理或者虚拟服务器不同，一个开发者也许要知道云主机平台，比如Heroku, Google Cloud, Azure, AWS等等。
有一点必须说明的是，平台和工具更多的是为了炒作而不是其实用性。尽管有很多平台和工具的实用性并不如宣传的那么好，但是了解这些大家都在谈论的服务，从长远来看会很有用——客户可能会随时要求更换服务提供商。幸运的是，我们拥有这些云主机部署权威指南。
3、后端
在后端，除了要懂选择什么语言以外，比如 PHP 和众多的框架 and CMSes，一个全栈开发者必须熟悉：
Web服务器，比如Nginx和Apache，和运维紧密相关
不幸的是，NodeJS 已经可以将 JS、CSS 和其他资源文件编译成静态可以方便缓存的文件了。幸运的是，也有办法避免学习 NodeJS，用PHP也是可以的
像Composer这样的PHP()包管理工具在现代化的开发环境中已经离不开了
好的API 设计，自从大部分新型网页都基于 API 而且仅仅为前端服务(下面会详细描述)
ElasticSearch (introduction here)这样的搜索引擎对于网站性能的提高是非常重要的
cronjobs 和后端的工作，使用Gearman 或者 Crunz 这类的库
了解缓存，Varnish, Redis 等牛B的工具可以分片存储数据，这样可以将一个项目部署的多个主机上
4、数据库
数据库是一个单独的部分，因为除了很好地掌握我们基本上不会有结构变化的关系数据库(MySQL或者PostgreSQL)的数据模式之外，一个全栈工程师应该对非关系型数据库有所了解，如MongoDB, Redis,或Cassandra ，更不用说像Neo4j这样的图形数据库了。
不幸的是，这些都是服务器上的东西，都在全栈工程师的控制下。也有几个类似 Mong 的远程解决方案，像RestDB或者Google-owned Firebase等。
5、前端
想知道一个正常的前端知识图谱是怎么样的，可以在JavaScript 版块看这篇绝世好文。但是作为一个全栈工程师，你需要了解
NodeJS and NPM
Yarn
预处理器和编译器(如Babel)，用来编译 Typescript, ES6, LESS, SCSS, SaSS
构建工具，如 Grunt 和 Gulp
框架，如 VueJS、React、Angular
模块打包工具，如 Webpack、Browserify、Rollup
6、设计
在设计方面，全栈开发者需要了解怎样在一个产品变成真正可用的 HTML 、CSS 代码之前，画一个原型图。然后就可以去用 JS 写交互、后端也可以用假数据来模拟生产环境。只有这个关键的原型图完成，用户体验设计和接口设计就绪，真正的开发才能开始。这本身就是一项艰巨的任务，需要一套特殊的工具：
Photoshop和Illustrator 或者一些开源的工具比如Gimp/Inkscape。访问Design channel来了解更多这样的工具。
一个牛的、快速的编辑器，比如Atom或Sublime Text(这儿有十种好用的sublime插件)
像Subtlepatterns的背景选择器和颜色选择器能够搭配一些颜色
CSS的栅格系统
上面所说的前端所需要了解的所有知识和 JS 数据模拟
将原型图发表到网上供大家浏览并给于反馈，Ngrok就非常好用
7、日志系统
为了高效监控应用的健康度，全栈开发者必须能够追踪错误，找到错误日志然后从中提取出有用的信息。全栈开发者也需要从日志中预测一些趋势，比如 CPU 或者 I/O 占用率的上涨，以防应用不知道什么时候就挂了。这部分和运维也有一些关系，但是需要一些特别的技能：
推荐一篇非常棒的ELK stack的文章，这会帮助你了解做日志系统所需要的知识。里面包括了查找日志的ElasticSearch ，收集日志的Logstash，把日志用非常棒的图表展现出来的的Kibana，甚至还有提供解决方案的Logz.io。
8、移动端
最后，我们该说说移动端了。随着iOS和安卓上的的webview变得越来越高效，还有 PWA(渐进式web应用)的到来，native 应用正在变得黯淡，因为他们开发起来实在是太复杂了。所以一个全栈工程师必须了解 PWA 或者 React Native，或者像NativeScript, Tabris, Cordova, Phonegap或者其他webview来让客户端应用调用 API跑起来。

关于Web前端的学习和职业规划

今天小编要跟大家分享的是关于Web前端的学习和职业规划的文章。关于一个WEB前端的职业规划，其实是有各种的答案，没有哪种答案是完全正确的，全凭自己的选择，只要是自己选定了，坚持去认真走，就好。今天想要分享给大家的是：任何规划和目标的实现都依赖于知识的积累，而知识的积累来源于学习及学习后大量的实践。





一个实践途径，可以在工作之余的时间在网上或外包公司那里接一些私单做，因为目标不是赚钱，可以用最低的价格来提升自身竞争力，获得大量订单就意味着获得大量的实践机会，同时，还有一些收入作为工作成就感之外的安慰奖，还是不错的。下面就来和小编一起来看一看吧！


一、学习Web前端的三要素


Web前端开发技术包括三个要素：HTML、CSS和JavaScript，但随着RIA的流行和普及，Flash/Flex、Silverlight、XML和服务器端语言也是前端开发工程师应该掌握的。随着时代的发展，前端开发技术的三要素也演变成为现今的：html5，css3，jquery。


Web前端开发工程师既要与上游的交互设计师、视觉设计师和产品经理沟通，又要与下游的服务器端工程师沟通，需要掌握的技能非常多。这就从知识的广度上对Web前端开发工程师提出了要求。


如果要精于前端开发这一行，也许要先精十行。然而，全才总是少有的。所以，对于不太重要的知识，我们只需要“通”即可。但“通”到什么程度才算够用呢?对于很多初级前端开发工程师来说，这个问题是非常令人迷惑的。


前端开发的入门门槛其实非常低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。所以，对于从事IT工作的人来说，前端开发是个不错的切入点。也正因为如此，前端开发领域有很多自学成“才”的同行，但大多数人都停留在会用的阶段，因为后面的学习曲线越来越陡峭，每前进一步都很难。


另一方面，正如前面所说，前端开发是个非常新的职业，对一些规范和最佳实践的研究都处于探索阶段。总有新的灵感和技术不时闪现出来，例如CSS
sprite、负边距布局、栅格布局等;各种JavaScript框架层出不穷，为整个前端开发领域注入了巨大的活力;浏览器大战也越来越白热化，跨浏览器兼容方案依然是五花八门。为了满足“高可维护性”的需要，需要更深入、更系统地去掌握前端知识，这样才可能创建一个好的前端架构，保证代码的质量。


二、如何才能做得更好?


第一，必须掌握基本的Web前端开发技术，其中包括：CSS、HTML、DOM、BOM、Ajax、JavaScript等，在掌握这些技术的同时，还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug。


第二，在一名合格的前端工程师的知识结构中，网站性能优化、SEO和服务器端的基础知识也是必须掌握的。


第三，必须学会运用各种工具进行辅助开发。


第四，除了要掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持，等等。


可见，看似简单的网页制作，如果要做得更好、更专业，真的是不简单。这就是前端开发的特点，也是让很多人困惑的原因。如此繁杂的知识体系让新手学习起来无从下手，对于老手来说，也时常不知道下一步该学什么。这里的关键影响因素就是代码质量。CSS、HTML、JavaScript这三种前端开发语言的特点是不同的，对代码质量的要求也不同，但它们之间又有着千丝万缕的联系。


三、职业发展目标该如何设置？


希望你们有一个目标，在这个目标之上，需要给自己制定一系列学习和成长计划，制定的方法如下：


第一、梳理知识架构


梳理知识架构的目的在于，要了解清楚，哪些技术是前置、哪些技术是后继，那些技术是深度、哪些技术是广度，按照这两个维度梳理好知识架构之后，才能准确地制定清晰的成长目标、高效的成长计划。


第二、分解目标


认为，大抵可分解为三个阶段，包括：起步阶段、提升阶段、成型阶段。这三个阶段分别对应着不同的目标：起步、提升、成型阶段。


以上就是小编今天为大家分享的关于Web前端的学习和职业规划的文章，希望本篇文章能够对正在从事Web前端学习或者工作的小伙伴们有所帮助。想要了解更多Web前端相关知识记得关注北大青鸟Web培训官网。最后祝愿小伙伴们工作顺利！


*声明：内容与图片均来源于网络(部分内容有修改)，版权归原作者所有，如来源信息有误或侵犯权益，请联系我们删除或授权事宜。 我爱编程网

以上就是我爱编程网小编给大家带来的自学web前端开发计划 关于Web前端的学习和职业规划，希望能对大家有所帮助。