欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > html5案例分享 >

web全栈该怎么自学

发布时间:2019-05-28  编辑:杨雨个人博客网站   点击:   

互联网行业现今一直都很火热,相信未来也会是一直保持火热的状态。所以有很多朋友都开启了学习互联网学习的计划,有人选择培训,有人选择自学。但是对于学习互联网技术,应该有很多朋友都会感到迷茫吧。前几天,就有朋友问想自学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(http://www.ujiuye.com/zt/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跑起来。

本文地址:http://itbyc.com/web/html5/20870.html
转载请注明出处。
分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1