成为完整堆栈网络开发人员的路线图
#html #初学者 #编程 #career

介绍

嘿,dev.to社区!
我在想我是如何开始我的网络开发事业的,突然我想起了我在寻找正确的事情甚至从哪里开始时的生气!

作为技术初学者,知道要学习什么,并且以什么方式学习它们通常是一个问题。网络开发社区中有大量的编程语言,以及许多可以熟悉的工具。很容易迷路。
这就是为什么我为新移民和有抱负的网络开发人员以及他们各自的资源提出了网络开发路线图的原因。

什么是网络开发?

Web开发是指建筑物,创建和维护网站。它包括Web设计,Web发布,Web编程和数据库管理等方面。它是通过Internet(即网站)来创建的应用程序的创建。

Web开发一词由两个单词组成,即:

  • Web:它是指网站,网页或任何通过Internet工作的内容。
  • 开发:从头开始构建应用程序。

前端网络开发

网站的前端是用户直接与之互动的部分。它也称为应用程序的“客户端”。它包括用户直接体验的所有内容:文本颜色和样式,图像,图形和表,按钮,颜色和导航菜单。前端开发是使用HTML,CSS和JavaScript完成的。每当打开网站,Web应用程序或移动应用程序时,前端开发人员都会在浏览器屏幕上实现结构,设计,行为和内容。前端的主要目标之一是响应能力和性能。无论屏幕尺寸如何,网站的行为都不异常,开发人员必须确保网站响应迅速,即它在所有尺寸的设备上都正确显示。

Image description

后端网络开发

网站的后端是服务器端。服务器存储和组织数据,并确保网页客户端端没有问题。它是无法看到或与之互动的网站的一部分。它是该软件没有直接与用户联系的部分。后端设计人员开发了软件组件和特征,最终用户可以通过前端应用程序间接访问。除了创建API,建立库以及使用没有用户界面的系统之外,后端还包括科学编程系统。

文本编辑器和IDE

您需要开始的是IDE。 IDE代表综合发展环境。他们将帮助您更快地编写代码,并更轻松地调试它们。但是最受欢迎的是以下:

VS Code

Image description

Visual Studio代码是Microsoft为Windows,Linux和MacOS制作的源代码编辑器。功能包括支持调试,语法突出显示,智能代码完成,摘要,代码重构和嵌入式git的支持。用户可以更改主题,键盘快捷键,首选项和安装扩展,以添加其他功能。

Sublime Text 4

Image description

Sublime Text是商业源代码编辑器。它本地支持许多编程语言和标记语言。用户可以通过插件扩展其功能,通常是社区构建的,并在免费软件许可下维护。

Atom

Image description

Atom是MacOS,Linux和Microsoft Windows的免费开源文本和源代码编辑器,并支持用JavaScript编写的插件和嵌入式GIT控制。由github开发,

首先,首先,我建议您尝试使用行业中最苛刻或受欢迎的编程语言(这是相对相对的),并与您最适合的一种语言以及对自己的出色表现。学习。

html

HTML代表超文本标记语言。它用于使用标记语言设计网页。它是超文本和标记语言的组合。超文本定义了网页之间的链接。标记语言用于定义标签中的文本文档,该文本文档定义了网页的结构。这是浏览器使用的标记语言,用于操纵文本,图像和其他内容以显示所需格式。

资源

CSS

css(级联样式表)是一种样式表语言,用于设计网页以使其具有吸引力。它用于描述用标记语言编写的文档的外观和格式。它为HTML提供了附加功能。它通常与HTML一起使用,以更改网页和用户界面的样式。它也可以与任何类型的XML文档一起使用,包括普通XML,SVG和Xul。

资源

CSS框架

a CSS框架包括几个CSS样式表,可以由Web开发人员和设计人员使用。样式表已准备好用于标准网络设计功能:设置颜色,布局,字体,纳维尔斯等。
使用CSS框架,用户拥有完整的CSS样式表,他们只需要使用准确的类,结构和ID来编码HTML来设置网页。该框架已经为通用网站元素内置类 - 滑块,导航栏,汉堡菜单,基于列的布局等。

Sass

sass是句法上很棒的样式表的简短形式。这是升级级联样式表(CSS)的升级。 Sass是CSS预处理。它与CSS的每个版本完全兼容。 SASS减少了CSS的重复,因此节省了时间。由于其先进的功能,它通常被称为Sassy CSS。 SCSS的文件扩展名为.scss

资源

JavaScript

JavaScript是世界上最受欢迎的轻量级,解释的编译编程语言。它也被称为网页的脚本语言。它以网页的开发而闻名,许多非浏览器环境也使用它。 JavaScript可用于客户端的开发以及服务器端的开发。

资源

Reactjs

React是用于构建用户界面的声明,高效且灵活的JavaScript库。 ReactJS是一个仅负责应用程序视图层的开源,基于组件的前端库。
React使用声明性的范式,使您更容易对您的应用程序进行推理,并且旨在提高效率和灵活性。它为您的应用程序中的每个状态设计了简单的视图,当数据更改时,React将有效地更新并渲染正确的组件。声明的视图使您的代码更容易预测,更易于调试。

资源

nodejs

node.js是在JavaScript中运行服务器端应用程序的运行时间平台。它采用了V8浏览器引擎来解释服务器上的JavaScript代码。它在其标准库中配备了自己的一组内置模块,用于运行服务器端应用,并允许直接与硬件进行交互。

它可以让我们操纵文件并在计算机上做很多事情。它与浏览器中的JavaScript不同,因为它做了完全不同的事情。 node.js可以做的一件事是运行网络服务器以提供静态和动态内容。

资源

mongodb

MongoDB是最流行的NOSQL数据库,是一个开源的面向文档的数据库。 nosql一词的意思是非关系。这意味着MongoDB不基于基于表格的关系数据库结构,但为数据存储和检索提供了完全不同的机制。这种存储格式称为BSON(类似于JSON格式)。

资源

git

您需要学习的超酷工具是git。 Git是一种控制软件,它将帮助您存储代码的不同版本,并且永远不会失去备份。有免费的git主机,例如github和bitbucket,您可以在线存储代码。

Image description

包起来

感谢您到目前为止阅读本文。您可能认为有很多东西要学习,可以加入很多课程,但您不必担心。
您很有可能已经知道大多数东西,而且您还可以使用很多有用的免费资源,我还将它们与最佳资源一起链接在一起,这些资源当然不是免费的,但是价值。

一天结束时,您应该对这里提到的内容有足够的知识和经验。
祝您网络开发旅程好运!当然,这并不容易,但是通过遵循此路线图和指南,您接近成为网络开发人员的一步,您一直想成为。

另外,您可以在评论部分留下建议,并在您喜欢阅读时做出反应ð