可能是最全面的2020年前端,后端,全栈学习实用指南

2023-05-27 0 520

每月,行业中单厢涌现新控制技术和辅助工具,以提高合作开发者的管理效率,并为使用者提供更快的中文网站。对他们而言,维持在Web合作开发格斗游戏其内的考验显得愈来愈大。

那时,他们将探讨要在2020年正式成为Web合作开发者的完备地图。这将是特别针对大部份合作开发者(后端,后端和全栈)的新颖手册,上面和千锋深圳小贴士一起来看一看吧!

可能是最全面的2020年前端,后端,全栈学习实用指南

1、具体而言确认你的最终目标或高架道路

他们将探讨许多控制技术,态势和辅助工具,但他们不期望您惊慌失措,因此你须要具体而言决定要正式成为一位Web合作开发者要做什么,因为这将协助你优先选择最合适的辅助工具。和自学控制技术。

正式成为Web合作开发者的其原因有许多,上面列举了一些优先选择不利因素:

你想作为一位Web合作开发者在一间子公司工作,这是最两极化的其原因。

你想以民主自由合作开发者的身分来开始他们的销售业务或全权。

你能正式成为其他子公司的高级顾问。

你能建立他们的应用应用领域来挣钱。

标识符是你的嗜好。

从前述钟爱或最终目标的应用领域,你能优先选择适用于于你的最终目标的恰当辅助工具和控制技术。假如你的最终目标是正式成为一位后端开发相关人员,则能优先选择后端合作开发的辅助工具和控制技术。后端和全栈合作开发也是这般。

2、Web合作开发的基本上辅助工具和应用应用领域软件

计算机系统和作业系统:假如没有计算机系统和作业系统,则难以撰写标识符。要自学Web合作开发,你不须要任何人中高档计算机系统(假如你保有不然,那么更快……)。你能采用任何人类别的小型笔记型电脑或笔记型电脑。对作业系统,能采用适宜你的MacOS,Windows(新一代版)或Linux。

文本编辑器/ IDE:毫无疑问,VSCode适用于大多数情况和大多数语言。它具有良好的性能,出色的扩展性,内置的终端功能以及大量功能。在2019年StackOverFlow调查中,VSCode也是合作开发者的首选。你还能优先选择其他一些不错的优先选择,例如Sublime Text或Atom。假如他们谈论IDE,那么是Visual Studio(ASP.net或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基础知识颜色,字体,位置,盒子模型等。

CSS Grid和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或ASP.net)中采用大量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和 Context API与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、服务器端框架(优先选择一项)

一旦自学了他们优先选择的一种服务器端语言,就能使用其中一种语言框架。您能优先选择以下给出的选项之一…

Node.js – Express,Koa,Adonis,Feather.js,Nest.js

Python:Django,Flask,

Java:Spring MVC,Grails

PHP:Laravel,Symfony,Codeignitor,Slim

Ruby:Sinatra上的Ruby on Rails

C#:ASP.NET MVC

Go: Revel

13、数据库(优先选择一项)

大多数Web应用应用领域程序都须要一个存储数据的地方。在某些情况下,某些控制技术或某些语言能与某些数据库配合采用。例如:在Mern堆栈中,M代表MongoDB,而在LAMP堆栈中M代表MySQL,但完全取决于您要为应用应用领域程序优先选择哪个数据库。他们将探讨2020年一些流行的数据库。

关系数据库:RDBMS仍然是最受欢迎的数据库。最喜欢采用PostgreSQL,MySQL,MS SQL。

NoSQL:MongoDB,RethinkDB,CouchDB

云数据库:Firebase,Azure Could DB,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,Prismic.io,Strati。

15、部署和DevOps

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

在大多数子公司中,有不同的团队从事DevOps的工作。因此,保有有关DevOps的知识完全是可选的。您能了解到,假如您正在从事他们的项目。

SSH(安全外壳)

Web服务器环境:NGINX,Apache

应用应用领域程序托管:Linode,Heroku,AWS,Azure,Now。

虚拟化:Docker,Vagrant

测试:单元,功能,集成等

负载平衡,监视,安全性。

以上大部份控制技术辅助工具都足以使您正式成为后端,后端或全栈合作开发者。千锋深圳小贴士建议大家根据最终最终目标优先选择恰当的辅助工具和控制技术,不要追求大而全,专而精反而是通向全栈的基础。

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务