可更轻松的元素布局和定位

oezuge

您可能已经知道如何学习编程，选择学习资源并决定专注于成为开发人员。 但是，如果您选择成为初级全堆栈Web开发人员，则需要了解一些事情。 根据克里斯·布莱克利（Chris Blakely）的说法，以下是成为初级完整堆栈网络开发人员的路线图。

你应该知道的
每个开发人员需要知道几件事，即：

GIT/源控制 - 每个好的开发人员都需要知道如何使用 土耳其手机号码清单 尤其是在团队中工作时。 您需要学习如何克隆回购，创建提交，创建分支和合并代码。
调试 - 前端或后端，肯定会有错误。 了解您的IDE的调试工具。
IDE（集成开发环境） - 您可以使用很多IDE，您可以选择一个IDE并从中学习。 您可以使用Visual Studio代码作为IDE。
方法论（敏捷 / scrum /看板） - 当您在团队中工作时，您可能会在开发产品时使用该方法，因此您需要了解该方法论的工作原理。

前端
作为前端开发人员，可以完成多个任务，包括：

使用HTML或CSS实施设计
使用JavaScript与DOM互动
使用fetch API或类似的东西与API进行交互
HTML或CSS
这些是前端开发中存在的两种语言。 HTML用于将元素定位在网页上，而CSS则用于对这些元素进行样式。

预计Junior Full Stack Web开发人员将了解使用HTML使用CSS创建网页和样式元素的基础知识。 一旦知道基础知识，就可以探索更高级的功能，即：


通过使用变量使正常CSS更易于管理的SCSS
您可以转到CSS-Tricks.com获取CSS的综合指南。 通过创建多个项目来练习HTML和CSS技能。

构架
下一步是熟悉CSS框架。 大多数公司之所以使用它，是因为它节省了开发人员的时间。 有许多类型的框架，您可以选择一个框架并习惯它。

许多公司流行和使用的一个框架是引导程序。 即使有一些框架使您更容易，您也需要事先学习CSS的基础知识。 因为您可能会根据团队的项目不时调整事情。

响应式设计
在当今有多种类型的移动设备中，这是创建前端设计时的重要考虑因素。 但是，通过使用Bootstrap，CSS网格，Flexbox等框架，您可以轻松地创建响应式设计。

媒体查询。 除了知道如何使用CSS创建响应式设计外，您还需要了解如何使用媒体查询来确定元素应如何搜索不同的屏幕尺寸。
避免将像素用于度量单位。 您可以使用REM单元代替PX（像素）。 无论屏幕尺寸如何，宽度为100px的图像始终将宽100px。 您可以尝试使用REM，VH和VW等单元进行响应设计。
您可以在创建设计时首先专注于移动设备，然后添加媒体查询以后为大型屏幕添加。

JavaScript
如果您想成为成功的前端开发人员，则需要了解JavaScript。 在进入框架之前，您需要从基础知识中学习它。 从长远来看，这将使您成为更好的开发人员。

作为初级开发人员，您至少应该知道：

对象，功能，条件，循环和操作员
模块
阵列（包括如何操纵它们）
使用Fetch API从API中检索数据
操纵DOM并使用事件
异步 /等待
JSONS
ES6+
测试（开玩笑，酶，柴等）
如果您真的想擅长JavaScript，这里有一些很棒的资源，用于学习更高级的JavaScript主题，即：

您可以通过构建一些项目来练习JavaScript技能，例如创建一个仪表板，该仪表板显示了从API中提取的一些统计信息。 例如Twitter仪表板或任何您喜欢的东西。 您将了解如何与API和JSON合作。

JS框架
您可以选择一个JS框架之一。 目前受欢迎的是Angular.js，React.js和Vue.js。 如果您学到了JavaScript的基础知识并拥有坚实的基础，无论您选择哪种框架，请确保您了解得很好。

React.js是JS框架之一，它得到了Facebook的大力支持，并且是当今行业中最受欢迎的框架。

如果您选择react.js，则需要对React的核心概念进行处理：即：

理解反应是基于组件及其工作方式的
在组件中使用状态和道具
JSX以及如何使用它来渲染网页上的HTML元素
如何以及何时重新渲染组件
使用React钩子
NPM，Webpack和Babel
作为初级开发人员，您不会期望您