成为Web前端开发工程师的学习指南

今天小编要跟大家分享的文章是关于成为web前端开发工程师的学习指南。想要学习web前端开发技术的小伙伴们来和小编一起看一看吧，希望本篇文章能够对大家有所帮助。

1、首先确定你的目标或道路

我们将讨论很多技术，趋势和工具，但我们不希望您不知所措，因此你需要首先决定要成为一名Web开发人员要做什么，因为这将帮助你选择合适的工具。和学习技术。成为Web开发人员的原因有很多，下面列出了一些选择因素：

·你想作为一名Web开发人员在一家公司工作，这是最普遍的原因。

·你想以自由开发人员的身份来开始自己的业务或代理。

·你可以成为其他公司的顾问。

·你可以创建自己的应用来赚钱。

·编码是你的业余爱好。

从上述感兴趣或目标的领域，你可以选择适用于你的目标的正确工具和技术。如果你的目标是成为一名前端开发人员，则可以选择前端开发的工具和技术。后端和全栈开发也是如此。

2、Web开发的基本工具和软件

·

计算机和 *** 作系统：如果没有计算机和 *** 作系统，则无法编写代码。要学习Web开发，你不需要任何高端计算机(如果你拥有的话，那么更好)。你可以使用任何类型的中型笔记本电脑或台式机。对于 *** 作系统，可以使用适合你的MacOS，Windows(最新版本)或Linux。

·文本编辑器/

IDE：毫无疑问，VSCode适用于大多数情况和大多数语言。它具有良好的性能，出色的扩展性，内置的终端功能以及大量功能。在2019年StackOverFlow调查中，VSCode也是开发人员的首选。你还可以选择其他一些不错的选择，例如Sublime

Text或Atom。如果我们谈论IDE，那么是Visual

Studio(#或C#)，Eclipse和Netbeans(Java)。是不错的选择。

·

Web浏览器：大多数开发人员的首选是Chrome或Firefox。Chrome速度很快，并且使用V8引擎(JavaScript引擎)。Firefox也取得了长足的进步，其中的一些好东西不在chrome浏览器中。两种浏览器都有出色的开发工具，可以对Web开发中的问题进行故障排除。

·终端：您将使用一些系统命令来使用CLI进行很多工作。您可以将默认或第三方终端用于您的Web开发项目。Bash，Zsh，Powershell，Git

Bash，iTerm，Hyper这些都是可以使用的选项。

·设计(可选)：并不是每个人都需要学习。在公司中，有专门的团队来制作图像，徽标或草图，但是如果您是自由职业者，则可能必须学习Adobe

XD，Photoshop，Sketch或Figma。

3、从HTML和CSS开始

HTML和CSS是Web开发的基本构建块。无论您的Web应用程序有多先进，或者使用什么框架和后端语言，都必须使用HTML和CSS构建前端应用程序。因此，这是在Web开发中要学习的第一件事。

·HTML5(语义元素，属性，文档类型等)

·CSS基础知识颜色，字体，位置，盒子模型等。

·CSSGrid和Flexbox对齐内容或创建列。

·CSS自定义属性

4、响应式布局

您的应用程序应该在所有类型的设备(例如智能手机，平板电脑，台式机，iPad或任何其他屏幕尺寸的设备)上都可以查看和使用。因此，了解创建响应式设计或布局非常重要。让我们来看一些重要的主题。

·了解如何设置视口

·媒体查询不同的屏幕尺寸。

·流体宽度

·雷姆单位

·移动优先

5、自定义可重用CSS组件

与其依赖大型的CSS框架(如Bootstrap)，不如创建自己的模块化，可重用的CSS组件以在项目中使用。如果您构建自己的定制设计，则无需导入完整的库。您创建只需要特定UI的组件。的新趋势最近还出现了有助于更有效地编写CSS代码的代码。如果你已经了解CSS，那么您无需在学习Saas上花费很多精力。Saas是CSS预处理程序，可为标准CSS添加更多功能并使其更加高效。你可以使用变量，嵌套，条件语句来减少CSS的重复并提高其效率。你还可以为每个可重用组件创建单独的Saas文件。Sass确实节省了很多时间，所以你绝对应该在2020年学习它。

6、CSS框架

学习CSS框架的普及程度不如去年，但对于不擅长设计的开发人员而言，仍然非常相关或有用。有许多流行的CSS框架可供使用，其中一些如下。

·Bootstrap是最流行的CSS框架。学习引导程序也有助于学习其他框架。

·Tailwind

CSS是其他正在流行的框架，与其他框架几乎没有什么不同。它是一组实用程序类，因此您可以创建自己的按钮和其他看起来与其他按钮确实不同的东西。它们也是高度可定制的。

·物化

·布尔玛

7、前端必须语言：JavaScript

学习HTML和CSS之后，接下来需要学习的是Vanilla

Javascript。对开发人员来说，掌握javascript基本知识非常重要。您将在服务器端语言(例如PHP，Python或#)中使用大量javascript，并且如果您想与React，Angular，NodeJS，Vue或任何其他javascript框架或库一起使用，则非常需要学习这种语言。以下是你应该在javascript中涵盖的一些重要主题

·JavaScript基础知识(变量，数据类型，函数，条件等)

·DOM(文档对象模型)

·JSON(JavaScript对象表示法)

·提取API(请求/响应/Ajax)

·如果您想转向React，Vue，Angular或其他框架，现代JS(ES6)概念对于学习非常重要。

8、一些重要工具

Web开发中将使用一些工具。这些工具将帮助你进行调试，提高生产率，管理代码，与其他开发人员合作以及类似的东西。让我们讨论其中一些工具。

·

Git(版本控制)和Github是您肯定会在2020年学习的最受欢迎的工具。Git在与其他开发人员协作和管理代码方面有很多帮助。您还可以选择其他一些选项，例如GitLab，Bitbucket和其他一些选项。

·

了解如何使用浏览器开发工具。无论是chrome还是firefox，您都应该知道如何使用不同的选项卡，例如元素选项卡，javascript控制台，用于请求和响应的网络选项卡，应用程序选项卡以及其他用于不同目的的选项卡。

·大多数IDE或文本编辑器都具有添加扩展名或插件的功能，这对提高生产力和构建Web应用程序非常有帮助。例如，Visual

Studio代码中的VSCode扩展可帮助下载扩展，例如实时服务器或实时saas编译器以与React一起使用。

·Emmet是另一个很棒的工具，它允许您编写非常快速的HTML和CSS，这有助于提高开发人员的生产力。

·

学习使用javascript软件包管理器，例如NPM和Yarn。如果您正在使用Javascript框架或库(例如React)，那么这些软件包管理器将使用很多，但是对于其他语言(例如Python或Php)，您将使用不同的软件包管理器。

·

如果要在前端安装NPM软件包，则必须使用Webpack或Parcel。如果要创建自己的模块，或者要将一个javascript文件带到另一个javascript文件，则默认情况下不能仅使用浏览器来执行此 *** 作，因此需要Webpack或Parcel对其进行捆绑。

9、基本部署

此时，一旦你知道应该为前端开发学习什么工具或技术，就需要知道如何在Internet上部署前端网站。如果你正在为小型企业构建一些小型应用程序，登录页面或个人站点，则无需学习AWS或DevOps，仅因为它们具有光泽和新潮。你将使事情变得更加复杂而不是简单。你需要在2020年学习一些部署工具和步骤。

·域注册(Namecheap，Google等)

·托管托管(InMotion，Hostgator，Bluehost等)

·静态主机(Netlify，Github页面)

·SSL证书。

·FTP，SFTP(文件传输协议)非常适合小型应用程序。

·SSH(安全外壳)，用于高级应用程序。

·CLI和Git。

到目前为止，我们讨论的任何工具，技术趋势或步骤都是前端开发的一部分。您尚不知道该框架，但可以为个人和小型企业构建网站，也可以构建适合移动设备的布局。您还可以使用到目前为止讨论的工具或技术来部署小型应用程序或项目。如果您想申请工作，那么学习一些前端框架(如React，Vue或Angular)将是很棒的。

10、前端框架和状态管理

框架使您可以进行更高级的前端开发。框架为您提供了许多优势，例如可重用的组件，更有条理的UI或页面交互。这对于协作更好，也有助于编写简洁的代码。另外，了解状态管理。每个框架都有不同的方法。以下是2020年的一些流行框架和状态管理器。

·React：React库是最流行的Web开发学习方法，与其他框架和库相比，它相当容易。React开发人员还有很多工作要做。您可以将Redux和

ContextAPI与Hooks一起使用以进行状态管理。

·Vue：

Vue也越来越受欢迎，开发人员也更喜欢学习Vue。与React和Angular相比，Vue最容易学习。VueX是为视图而构建的状态管理器。

·Angular：此框架通常在大型组织中使用。它具有相当陡峭的学习曲线。用Angular学习

TypeScript也很好。它允许您使用可选的静态类型并支持ES2015的功能。NGRX和Services是可以学习此框架的良好状态管理器。

可选学习：

·

如果您具有这三个框架之一的知识，那么您还可以使用Svelte，它是一个JavaScript编译器，可让您生成纯净的原始JS代码并帮助您轻松构建用户界面。

·

了解服务器端渲染。NextJS(React)和NuxtJS(Vue)是允许您在服务器上运行React和Vue的框架。两者都有很好的功能，例如更好的SEO，文件系统路由，自动代码拆分，静态导出，JS中的CSS和许多其他功能。

·静态网站生成器：Gatsby(反应式)和Gridsome(Vue)

我们已经讨论了所有大多数前端开发工具和技术。现在让我们讨论成为后端开发人员或全栈开发人员的语言和技术。

11、服务器端语言(选择一种)

您应该至少了解一种服务器端语言。要在2020年选择一种语言，下面提供了一些选项

·NodeJS(不是语言，而是运行时环境)

·Python(非常适合初学者)

·Java(适合大型组织)

·Php(适合自由职业)

·Ruby(2020年少两极)

·C#

·Go

注意：无论你喜欢学习哪种服务器端语言，都要确保你了解使用该语言的数据结构和算法。数据结构和算法将帮助您为用户呈现数据，并将帮助您优化Web应用程序中的代码。我们特别建议您专注于使用数组和字符串(最重要)。你将同时使用这两种方法。

12、服务器端框架(选择一项)

一旦学习了自己选择的一种服务器端语言，就可以使用其中一种语言框架。您可以选择以下给出的选项之一

·Nodejs_Express，Koa，Adonis，Featherjs，Nestjs

·Python：Django，Flask，

·Java：SpringMVC，Grails

·PHP：Laravel，Symfony，Codeignitor，Slim

·Ruby：Sinatra上的RubyonRails

·C#：ASPNETMVC

·Go：Revel

13、数据库(选择一项)

大多数Web应用程序都需要一个存储数据的地方。在某些情况下，某些技术或某些语言可以与某些数据库配合使用。例如：在Mern堆栈中，M代表MongoDB，而在LAMP堆栈中M代表MySQL，但完全取决于您要为应用程序选择哪个数据库。我们将讨论2020年一些流行的数据库。

·关系数据库：RDBMS仍然是最受欢迎的数据库。最喜欢使用PostgreSQL，MySQL，MSSQL。

·NoSQL：MongoDB，RethinkDB，CouchDB

·云数据库：Firebase，AzureCouldDB，AWS

·轻量级和缓存：Redis，SQLlite，NeDB

在学习数据库时，您还将学习RDBMS，ORM(对象关系映射器)或ODM(对象数据映射器)的SQL(结构化查询语言)。GraphQL

：(可选)您可以了解现在流行的GraphQL。这是API的查询语言。它具有类似于JSON的简单语法，并且相当容易实现。

14、CMS：内容管理

您绝对应该了解内容管理系统，尤其是如果您是自由职业者。CMS用于将内容添加到您的网站或应用程序。客户能够更新自己的内容非常好。

·

传统CMS：WordPress(PHP)，Drupal(PHP)，Keystone(Javascript)，Enduro(Javascript)

·其他CMS：DEDECMS，帝国CMS，PHPcms，Prismicio，Strati。

15、部署和DevOps

托管全栈应用程序或后端应用程序比仅前端应用程序要复杂一些，尤其是当您拥有数据库时。确保您知道如何使用CLI进行部署。了解有关用于部署应用程序的以下内容。

在大多数公司中，有不同的团队从事DevOps的工作。因此，拥有有关DevOps的知识完全是可选的。您可以了解到，如果您正在从事自己的项目。

·SSH(安全外壳)

·Web服务器环境：NGINX，Apache

·应用程序托管：Linode，Heroku，AWS，Azure，Now。

·虚拟化：Docker，Vagrant

·测试：单元，功能，集成等

·负载平衡，监视，安全性。

以上所有技术工具都足以使您成为前端，后端或全栈开发人员。根据最终目标选择正确的工具和技术。

以上就是小编今天为大家分享的关于成为web前端开发工程师的学习指南的文章，希望本篇文章能够对正在从事web前端工作的小伙伴们有所帮助，想要了解更多web前端相关知识记得关注北大青鸟web培训官网，最后祝愿小伙伴们工作顺利，成为一名优秀的web前端开发工程师。

英文|#/how-to-become-a-web-developer-in-2020-a-complete-guide/翻译|web前端开发(ID：web_qdkf)

今天小编要跟大家分享的文章是关于Web前端工程师的入门指南-教你如何成为一名web前端开发工程师。经过如此多的试验和测试，而不是说你从头开始创建了所有内容，接着，你在网页上创建了第一个登录表单时，你感觉如何经过了多次更改后，将布局分配给第一个Web应用程序时感觉如何当成功处理了数千个用户的 *** 作时，你感觉如何？

大多数Web开发人员都经历了上述所有阶段，最初可能会对其中某些感到沮丧，但是当他们看到自己的网站正在运行并且人们在世界各地使用它时，总体感觉确实令人兴奋和惊奇。Web开发人员负责许多任务，从收集需求到设计网站，处理网站的后端部分，并使其成功地为用户服务。每年，行业中都会涌现出新技术和工具，以提高开发人员的工作效率，并为用户提供更好的网站。对于他们来说，保持在Web开发游戏之上的挑战变得越来越大。今天，我们将讨论要在2020年成为Web开发人员的完整地图。这将是针对所有开发人员(前端，后端和全栈)的实用指南。

1、首先确定你的目标或道路

我们将讨论很多技术，趋势和工具，但我们不希望您不知所措，因此你需要首先决定要成为一名Web开发人员要做什么，因为这将帮助你选择合适的工具。和学习技术。成为Web开发人员的原因有很多，下面列出了一些选择因素：

·你想作为一名Web开发人员在一家公司工作，这是最普遍的原因。

·你想以自由开发人员的身份来开始自己的业务或代理。

·你可以成为其他公司的顾问。

·你可以创建自己的应用来赚钱。

·编码是你的业余爱好。

从上述感兴趣或目标的领域，你可以选择适用于你的目标的正确工具和技术。如果你的目标是成为一名前端开发人员，则可以选择前端开发的工具和技术。后端和全栈开发也是如此。

2、Web开发的基本工具和软件

·

计算机和 *** 作系统：如果没有计算机和 *** 作系统，则无法编写代码。要学习Web开发，你不需要任何高端计算机(如果你拥有的话，那么更好)。你可以使用任何类型的中型笔记本电脑或台式机。对于 *** 作系统，可以使用适合你的MacOS，Windows(最新版本)或Linux。

·文本编辑器/

IDE：毫无疑问，VSCode适用于大多数情况和大多数语言。它具有良好的性能，出色的扩展性，内置的终端功能以及大量功能。在2019年StackOverFlow调查中，VSCode也是开发人员的首选。你还可以选择其他一些不错的选择，例如Sublime

Text或Atom。如果我们谈论IDE，那么是Visual

Studio(#或C#)，Eclipse和Netbeans(Java)。是不错的选择。

·

Web浏览器：大多数开发人员的首选是Chrome或Firefox。Chrome速度很快，并且使用V8引擎(JavaScript引擎)。Firefox也取得了长足的进步，其中的一些好东西不在chrome浏览器中。两种浏览器都有出色的开发工具，可以对Web开发中的问题进行故障排除。

·终端：您将使用一些系统命令来使用CLI进行很多工作。您可以将默认或第三方终端用于您的Web开发项目。Bash，Zsh，Powershell，Git

Bash，iTerm，Hyper这些都是可以使用的选项。

·设计(可选)：并不是每个人都需要学习。在公司中，有专门的团队来制作图像，徽标或草图，但是如果您是自由职业者，则可能必须学习Adobe

XD，Photoshop，Sketch或Figma。

3、从HTML和CSS开始

HTML和CSS是Web开发的基本构建块。无论您的Web应用程序有多先进，或者使用什么框架和后端语言，都必须使用HTML和CSS构建前端应用程序。因此，这是在Web开发中要学习的第一件事。

·HTML5(语义元素，属性，文档类型等)

·CSS基础知识颜色，字体，位置，盒子模型等。

·CSSGrid和Flexbox对齐内容或创建列。

·CSS自定义属性

4、响应式布局

您的应用程序应该在所有类型的设备(例如智能手机，平板电脑，台式机，iPad或任何其他屏幕尺寸的设备)上都可以查看和使用。因此，了解创建响应式设计或布局非常重要。让我们来看一些重要的主题。

·了解如何设置视口

·媒体查询不同的屏幕尺寸。

·流体宽度

·雷姆单位

·移动优先

5、自定义可重用CSS组件

与其依赖大型的CSS框架(如Bootstrap)，不如创建自己的模块化，可重用的CSS组件以在项目中使用。如果您构建自己的定制设计，则无需导入完整的库。您创建只需要特定UI的组件。的新趋势最近还出现了有助于更有效地编写CSS代码的代码。如果你已经了解CSS，那么您无需在学习Saas上花费很多精力。Saas是CSS预处理程序，可为标准CSS添加更多功能并使其更加高效。你可以使用变量，嵌套，条件语句来减少CSS的重复并提高其效率。你还可以为每个可重用组件创建单独的Saas文件。Sass确实节省了很多时间，所以你绝对应该在2020年学习它。

6、CSS框架

学习CSS框架的普及程度不如去年，但对于不擅长设计的开发人员而言，仍然非常相关或有用。有许多流行的CSS框架可供使用，其中一些如下。

·Bootstrap是最流行的CSS框架。学习引导程序也有助于学习其他框架。

·Tailwind

CSS是其他正在流行的框架，与其他框架几乎没有什么不同。它是一组实用程序类，因此您可以创建自己的按钮和其他看起来与其他按钮确实不同的东西。它们也是高度可定制的。

·物化

·布尔玛

7、前端必须语言：JavaScript

学习HTML和CSS之后，接下来需要学习的是Vanilla

Javascript。对开发人员来说，掌握javascript基本知识非常重要。您将在服务器端语言(例如PHP，Python或#)中使用大量javascript，并且如果您想与React，Angular，NodeJS，Vue或任何其他javascript框架或库一起使用，则非常需要学习这种语言。以下是你应该在javascript中涵盖的一些重要主题

·JavaScript基础知识(变量，数据类型，函数，条件等)

·DOM(文档对象模型)

·JSON(JavaScript对象表示法)

·提取API(请求/响应/Ajax)

·如果您想转向React，Vue，Angular或其他框架，现代JS(ES6)概念对于学习非常重要。

8、一些重要工具

Web开发中将使用一些工具。这些工具将帮助你进行调试，提高生产率，管理代码，与其他开发人员合作以及类似的东西。让我们讨论其中一些工具。

·

Git(版本控制)和Github是您肯定会在2020年学习的最受欢迎的工具。Git在与其他开发人员协作和管理代码方面有很多帮助。您还可以选择其他一些选项，例如GitLab，Bitbucket和其他一些选项。

·

了解如何使用浏览器开发工具。无论是chrome还是firefox，您都应该知道如何使用不同的选项卡，例如元素选项卡，javascript控制台，用于请求和响应的网络选项卡，应用程序选项卡以及其他用于不同目的的选项卡。

·大多数IDE或文本编辑器都具有添加扩展名或插件的功能，这对提高生产力和构建Web应用程序非常有帮助。例如，Visual

Studio代码中的VSCode扩展可帮助下载扩展，例如实时服务器或实时saas编译器以与React一起使用。

·Emmet是另一个很棒的工具，它允许您编写非常快速的HTML和CSS，这有助于提高开发人员的生产力。

·

学习使用javascript软件包管理器，例如NPM和Yarn。如果您正在使用Javascript框架或库(例如React)，那么这些软件包管理器将使用很多，但是对于其他语言(例如Python或Php)，您将使用不同的软件包管理器。

·

如果要在前端安装NPM软件包，则必须使用Webpack或Parcel。如果要创建自己的模块，或者要将一个javascript文件带到另一个javascript文件，则默认情况下不能仅使用浏览器来执行此 *** 作，因此需要Webpack或Parcel对其进行捆绑。

9、基本部署

此时，一旦你知道应该为前端开发学习什么工具或技术，就需要知道如何在Internet上部署前端网站。如果你正在为小型企业构建一些小型应用程序，登录页面或个人站点，则无需学习AWS或DevOps，仅因为它们具有光泽和新潮。你将使事情变得更加复杂而不是简单。你需要在2020年学习一些部署工具和步骤。

·域注册(Namecheap，Google等)

·托管托管(InMotion，Hostgator，Bluehost等)

·静态主机(Netlify，Github页面)

·SSL证书。

·FTP，SFTP(文件传输协议)非常适合小型应用程序。

·SSH(安全外壳)，用于高级应用程序。

·CLI和Git。

到目前为止，我们讨论的任何工具，技术趋势或步骤都是前端开发的一部分。您尚不知道该框架，但可以为个人和小型企业构建网站，也可以构建适合移动设备的布局。您还可以使用到目前为止讨论的工具或技术来部署小型应用程序或项目。如果您想申请工作，那么学习一些前端框架(如React，Vue或Angular)将是很棒的。

10、前端框架和状态管理

框架使您可以进行更高级的前端开发。框架为您提供了许多优势，例如可重用的组件，更有条理的UI或页面交互。这对于协作更好，也有助于编写简洁的代码。另外，了解状态管理。每个框架都有不同的方法。以下是2020年的一些流行框架和状态管理器。

·React：React库是最流行的Web开发学习方法，与其他框架和库相比，它相当容易。React开发人员还有很多工作要做。您可以将Redux和

ContextAPI与Hooks一起使用以进行状态管理。

·Vue：

Vue也越来越受欢迎，开发人员也更喜欢学习Vue。与React和Angular相比，Vue最容易学习。VueX是为视图而构建的状态管理器。

·Angular：此框架通常在大型组织中使用。它具有相当陡峭的学习曲线。用Angular学习

TypeScript也很好。它允许您使用可选的静态类型并支持ES2015的功能。NGRX和Services是可以学习此框架的良好状态管理器。

可选学习：

·

如果您具有这三个框架之一的知识，那么您还可以使用Svelte，它是一个JavaScript编译器，可让您生成纯净的原始JS代码并帮助您轻松构建用户界面。

·

了解服务器端渲染。NextJS(React)和NuxtJS(Vue)是允许您在服务器上运行React和Vue的框架。两者都有很好的功能，例如更好的SEO，文件系统路由，自动代码拆分，静态导出，JS中的CSS和许多其他功能。

·静态网站生成器：Gatsby(反应式)和Gridsome(Vue)

我们已经讨论了所有大多数前端开发工具和技术。现在让我们讨论成为后端开发人员或全栈开发人员的语言和技术。

11、服务器端语言(选择一种)

您应该至少了解一种服务器端语言。要在2020年选择一种语言，下面提供了一些选项

·NodeJS(不是语言，而是运行时环境)

·Python(非常适合初学者)

·Java(适合大型组织)

·Php(适合自由职业)

·Ruby(2020年少两极)

·C#

·Go

注意：无论你喜欢学习哪种服务器端语言，都要确保你了解使用该语言的数据结构和算法。数据结构和算法将帮助您为用户呈现数据，并将帮助您优化Web应用程序中的代码。我们特别建议您专注于使用数组和字符串(最重要)。你将同时使用这两种方法。

12、服务器端框架(选择一项)

一旦学习了自己选择的一种服务器端语言，就可以使用其中一种语言框架。您可以选择以下给出的选项之一

·Nodejs_Express，Koa，Adonis，Featherjs，Nestjs

·Python：Django，Flask，

·Java：SpringMVC，Grails

·PHP：Laravel，Symfony，Codeignitor，Slim

·Ruby：Sinatra上的RubyonRails

·C#：ASPNETMVC

·Go：Revel

13、数据库(选择一项)

大多数Web应用程序都需要一个存储数据的地方。在某些情况下，某些技术或某些语言可以与某些数据库配合使用。例如：在Mern堆栈中，M代表MongoDB，而在LAMP堆栈中M代表MySQL，但完全取决于您要为应用程序选择哪个数据库。我们将讨论2020年一些流行的数据库。

·关系数据库：RDBMS仍然是最受欢迎的数据库。最喜欢使用PostgreSQL，MySQL，MSSQL。

·NoSQL：MongoDB，RethinkDB，CouchDB

·云数据库：Firebase，AzureCouldDB，AWS

·轻量级和缓存：Redis，SQLlite，NeDB

在学习数据库时，您还将学习RDBMS，ORM(对象关系映射器)或ODM(对象数据映射器)的SQL(结构化查询语言)。GraphQL

：(可选)您可以了解现在流行的GraphQL。这是API的查询语言。它具有类似于JSON的简单语法，并且相当容易实现。

14、CMS：内容管理

您绝对应该了解内容管理系统，尤其是如果您是自由职业者。CMS用于将内容添加到您的网站或应用程序。客户能够更新自己的内容非常好。

·

传统CMS：WordPress(PHP)，Drupal(PHP)，Keystone(Javascript)，Enduro(Javascript)

·其他CMS：DEDECMS，帝国CMS，PHPcms，Prismicio，Strati。

15、部署和DevOps

托管全栈应用程序或后端应用程序比仅前端应用程序要复杂一些，尤其是当您拥有数据库时。确保您知道如何使用CLI进行部署。了解有关用于部署应用程序的以下内容。

在大多数公司中，有不同的团队从事DevOps的工作。因此，拥有有关DevOps的知识完全是可选的。您可以了解到，如果您正在从事自己的项目。

·SSH(安全外壳)

·Web服务器环境：NGINX，Apache

·应用程序托管：Linode，Heroku，AWS，Azure，Now。

·虚拟化：Docker，Vagrant

·测试：单元，功能，集成等

·负载平衡，监视，安全性。

以上所有技术工具都足以使您成为前端，后端或全栈开发人员。根据最终目标选择正确的工具和技术。

以上就是小编今天为大家分享的关于Web前端工程师的入门指南-教你如何成为一名web前端开发工程师的文章，希望本篇文章能够对正在从事web前端工作的小伙伴和正在学习web前端知识的伙伴们有所帮助，想要了解更多web前端相关知识记得关注北大青鸟web培训官网。最后祝愿小伙伴们工作顺利，成为一名优秀的web前端开发工程师！

英文|#/how-to-become-a-web-developer-in-2020-a-complete-guide/翻译|web前端开发(ID：web_qdkf)

如果在使用Ubuntu或者类似系统时，执行命令 \"sudo nano /etc/apt/sourceslist\" 时提示 \"未发现该源\"，那么可能有以下几种情况：

1 源地址输入错误：请确保输入的源地址是正确的，建议复制粘贴。

2 源已被删除：有些源会因为各种原因被删除，你可以尝试使用别的源来代替。

3 系统网络问题：如果你的网络连接不正常，也可能导致找不到源，可以检查一下网络设置或者尝试重启网络。

4 系统镜像问题：有些版本的Ubuntu系统可能没有默认的源地址，需要手动添加，你可以参考官方文档进行 *** 作。

如果以上方法都无法解决问题，你可以尝试搜索相关的技术论坛或者咨询专业人员来获取更详细的帮助

Django是基于Python的免费和开放源代码Web框架，它遵循模型-模板-视图(MTV)体系结构模式。它由Django Software Foundation(DSF)维护，这是一个由非营利组织成立的独立组织。

Django的主要目标是简化复杂的，数据库驱动的网站的创建。该框架强调组件的可重用性和“可插入性”，更少的代码，低耦合，快速开发以及不重复自己的原则。整个过程都使用Python，甚至用于设置文件和数据模型。Django还提供了一个可选的管理创建，读取，更新和删除界面，该界面通过自省动态生成并通过管理模型进行配置。

一些使用Django的知名网站包括公共广播服务，Instagram， Mozilla，华盛顿时报， Disqus，Bitbucket，和Nextdoor。

Django创建于2003年秋天，当时《劳伦斯日报》世界报纸的网络程序员Adrian Holovaty和Simon Willison开始使用Python来构建应用程序。西蒙·威利森(Simon Willison)的实习期结束前不久，雅各布·卡普兰·莫斯(Jacob Kaplan-Moss)在Django的发展中就被聘用了。它于2005年7月在BSD许可下公开发布。该框架以吉他手Django Reinhardt的名字命名。2008年6月，宣布新成立的Django软件基金会(DSF)将来将维护Django。

2015年7月，与一些Django联合创始人和开发人员建立联系的软件咨询公司Revolution Systems在劳伦斯举办了10周年纪念活动。

Django的设计理念如下：

松耦合——Django的目标是使堆栈中的每个元素彼此独立。

更少的编码——更少的代码，因此可以快速开发。

不重复自己(DRY)——一切都应该只在一个地方开发，而不是一次又一次地重复。

快速开发——Django的理念是尽一切可能促进超快速开发。

简洁的设计——Django严格按照自己的代码维护简洁的设计，并易于遵循最佳的Web开发实践。

Django的一些优势如下：

对象关系映射(ORM)支持——Django在数据模型和数据库引擎之间建立了桥梁，并支持包括MySQL，Oracle，Postgres等在内的大量数据库系统。

多语言支持——Django通过其内置的国际化系统支持多语言网站。因此，您可以开发支持多种语言的网站。

框架支持——Django内置了对Ajax，RSS，缓存和其他各种框架的支持。

GUI——Django为管理活动提供了一个很好的即用型用户界面。

开发环境——Django带有轻量级的Web服务器，以促进端到端应用程序的开发和测试。

Django是Python Web框架。和大多数现代框架一样，Django支持MVC模式。

关于Python的基础问题可以看下这个网页的视频教程，网页链接，希望我的回答能帮到你。

Django 项目是一个python定制框架，它源自一个在线新闻 Web 站点，于 2005 年以开源的形式被释放出来。Django 框架的核心组件有： 用于创建模型的对象关系映射 为最终用户设计的完美管理界面 一流的 URL 设计 设计者友好的模板语言 缓存系统。 Django(发音：[`dʒæŋɡəʊ]) 是用python语言写的开源web开发框架(open source web framework)，它鼓励快速开发,并遵循MVC设计。Django遵守BSD版权，初次发布于2005年7月, 并于2008年9月发布了第一个正式版本10 。

Django 根据比利时的爵士音乐家Django Reinhardt命名，他是一个吉普赛人，主要以演奏吉它为主，还演奏过小提琴等。

由于Django在近年来的迅速发展，应用越来越广泛，被著名IT开发杂志SD Times评选为2013 SD Times 100，位列“API、库和框架”分类第6位，被认为是该领域的佼佼者 。

近日，一些黑客又不安分了，他们正以删除 GitHub 代码库为由，勒索受害程序员交出手中的比特币。

据 Bleeping Computer 爆料，黑客通过使用从第三方代码库管理服务泄露的帐户凭证，获得了包括 GitHub、GitLab 和 Bitbucket 等代码库的访问权限。

但是到目前为止，这些黑客还没有赚到足够的钱去星巴克买一杯咖啡。

截止到撰文时间，黑客勒索信中提到的比特币地址只收到了一笔转账，只有可怜的 000052525BTC（约为22RMB）。

黑客擦除了被攻击代码库中的代码和提交 历史 ，只留下了一个带有勒索性质的文件：

黑客“承诺”，只要受害程序员支付 01BTC（约为587美元），他们就会还原被盗的代码库。

尽管黑客可能为每封勒索信生成一个新地址，但这个地址已经在 GitHub 和 GitLab 上使用很多次了。目前，Bitcoin Abuse 上已经收到了37份关于这个地址的报告。

但到目前为止，从黑客迄今收取的赎金 （在北京，能买一份鱼香肉丝） 来看，程序员似乎并不是敲诈勒索的最佳目标。

比如这位程序员，就很牛 X 啊。

找到了，代码库并没有消失

一位名为 Stefan Gabos 的受害者在 Stack Exchange 上提出了一个解决方案，虽然他的解决方案还没有得到大多数程序员的认可，但是值得考虑。

Stefan Gabos 如何应对删库威胁并成功恢复代码？ 他是这样做的：

我当时正在做一个项目，一个私有 repo，突然间代码库中的所有提交就消失了。

我当时正在使用 SourceTree（我确定更新到了最新版本），但我仍怀疑问题所在可能就是 SourceTree，或者电脑 Windows10 系统遭到了破坏。

在我的所有代码库中，只有这一个代码库受到了影响。我更改了密码，启用了双重认证，删除了一个多年未用的访问令牌，并给 GitLab 写了一封电子邮件，希望他们能告诉我攻击者是谁、从哪里入侵了我的系统。

有人可能会说，如果他们是这样进来的，他们可能只是改变了帐户的凭证，但在互联网上搜索显示，在这些情况下 Gitlab/Github 会简单地为你恢复凭证，所以我认为这就是他们没有这样做的原因。

除了我之外，还有4个开发人员正在开发它，他们都可以完全访问被盗的代码库，因此他们的账户也有可能被入侵。

我用 BitDefender 扫描了我的电脑，但并没有发现任何问题。我没有在网上做什么见不得人的事，所以 我不认为我的电脑感染了什么病毒和木马、甚至装了一些恶意软件 。

我正在等待 GitLab 的回复，也许他们能为此提供一些线索。此外，为防止代码库被发布到其他地方，我更改了数据库、IMAP 帐户源中所有可能涉及到的密码。

出人意料，我发现代码并没有消失。

我尝试访问了一个之前提交的 hash，哇，竟然成功了。

所以代码是存在的，只是 HEAD 有点问题。

尽管我这方面的知识非常有限，但只要输入：

就能显示所有提交（commits）。

这就意味着攻击者很可能没有克隆代码库 ，而且他们通过检查源代码获取敏感数据或公开代码的几率很低；这可能不是一个有针对性的攻击，而是由一个脚本执行的随机的大规模攻击。

更令人开心的是，如果你输入：

你会看到攻击者所有的提交（commits）。

再输入：

你会看到所有“丢失”的文件。

再输入：

代码库的 origin/master 已经被修复

但当你输入：

却显示：

HEAD 已从 origin/master 中删除，正在寻找修复方法

如果代码文件保存在 本地 ，运行以下代码命令：

Bingo！代码库回来了！

、 这只是代码库存在本地时的解决方法。

因此， 现在唯一的问题是，如果你没有保存本地 repo，什么样的代码命令可以使得代码库恢复呢？ 至于攻击细节问题， 我希望 GitLab 的答案能解决我的困扰 。

在写给 ZDNet 的一封电子邮件中，GitLab 的安全主管 KathyWang 承认，Stefan Gabos 在 Stack Exchange 上提出的问题正是账户泄露的根本原因。

“我们根据 Stefan Gabos 昨天提交的内容确认了消息来源，并立即开始调查此事。我们已经确定了受影响的用户帐户，并且向他们一一通知。证据表明，丢失帐户的帐户密码以明文形式存储在相关存储库的部署（deployment）中。我们强烈建议使用密码管理工具以更安全的方式存储密码，并在可能的情况下启用双重身份验证，这两种方法都可以避免这个问题。”

微软与 Github 再背锅？

GitLab 并不是唯一受影响的网站。GitHub 和 Bitbucket 也遭到了同样的攻击和比特币勒索，多达1000个 Bitbucket 用户受到了影响。

但Bitbucket 和 GitLab 表示，他们的安全系统不存在任何问题。

Bitbucket 指出， 黑客是通过提交正确的用户名和密码获得了对用户账户的访问权限 。 “我们认为这些凭证可能是通过另一个服务泄露的，因为其他 git 托管服务正在经历类似的攻击。我们没有在上 Bitbucket 发现其他危害”。

他们怀疑是微软和 Github 的问题 （微软去年以75亿美元收购了 GitHub） 。

就在几天前，据 Micky 爆料，今年1月份微软曾轻描淡写般地回应了黑客利用 Outlook、MSN 和 Hotmail 安全漏洞盗区加密货币的事件。对此，微软表示，只有主题/标题和电子邮件地址被盗，邮件内容并未被**。

但几个月后，受害者发现其邮件内容已经被盗了，黑客通过邮件内容获取了受害者的加密货币账户并残忍地清空了账户内的加密货币。

这并不是新鲜事，删库威胁太low了

比特币性勒索诈骗已经是2018年的事了，对吧？不过，有些黑客可不这么认为。

美国堪萨斯州诺顿镇的居民正成为黑客攻击的目标。黑客威胁说，除非受害者支付比特币赎金，否则将公布一些“敏感东西”。

为此，堪萨斯州诺顿显警察局在其 Facebook 页面上还发布了一则公告，警告当地居民注意这种危险。

黑客声称通过远程控制受害者电脑的方式窃取受害者的个人数据，并拍摄了受害者观看色情片的视频。黑客还坚称，他们还有受害者当时正在看什么的屏幕截图。

如果受害者向黑客支付价值800美元的比特币，他们就承诺不会泄露受害者的视频和照片。

值得庆幸的是，这些受害者是勇敢的，没有人落入这个令人作呕的骗局。在撰写本文时，电子邮件中列出的钱包地址仍然是空的。

但去年的受害者就没这么聪明了。

在另一起比特币诈骗案中，一个黑客在几天内就赚了 17000 美元。

在这类骗局数不胜数，早在今年2月，HardFork 就发布了一份报道，报告指出，黑客通过这类骗局已经诈取了超过332万美元的钱财。

程序员，如果是你呢？

那如果是你呢？你受到了这样的威胁和勒索，你该怎么办？

正如诺顿县警方建议的那样，如果你收到这样的邮件， 请忽略它，也不要打开任何链接 ，当然也 不要将任何比特币发到邮件中列出的地址 。

在 Twitter 上，开发者社区的一些重要人物正在敦促受害者在支付任何赎金要求之前联系 GitHub、GitLab 或 Bitbucket 的支持团队，因为可能存在其他方法来恢复被删除的代码库。

值得庆幸的是，程序员对黑客的这种“小伎俩”并不感冒。

以上就是关于成为Web前端开发工程师的学习指南全部的内容，包括:成为Web前端开发工程师的学习指南、Web前端工程师的入门指南-教你如何成为一名web前端开发工程师、sudonano/etc/apt/sources发现没源等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！