客户旅程_我成为Web开发人员的旅程

最新推荐文章于 2024-09-14 20:30:05 发布

dfsgwe1231

最新推荐文章于 2024-09-14 20:30:05 发布

阅读量80

点赞数

文章标签：网络游戏 python java 编程语言

原文链接：https://hackernoon.com/my-journey-to-become-a-web-developer-sg3l32x6

版权

客户旅程

免责声明

根据我的经验，本文旨在为Web开发领域的真正初学者提供帮助，您的情况可能会有所不同，我之所以这样说是因为我不想让您厌倦您可能已经知道的琐碎事情。下一个序言是我生活中的一部分短篇小说，如果您不喜欢故事，可以跳过。

序幕

经历之后，我开始申请软件开发企业，经过几次测试和面试，我发现自己残酷的现实：“我没有足够的知识成为软件开发企业中的宝贵要素，或者至少我没有他们想要的知识，但大学又是什么呢？那里的学问是什么？”，也许只是我回答了自己的理论，或者当我应该定义大学毕业后想要做什么时，我迷失了自己的道路。

那么现在怎么办？我发现自己需要一个新的开始，那一刻，我评估了自己的可能性，我来自一个小的发展中国家，在一个远离主要城市的小镇上，在那里我找不到更多的工作或学习机会因为那里有企业，所以微软，Conduent，Allorica等最大企业的大学和分支机构就在我身边。最好的解决方案是通过互联网自己开始学习，阅读教程，观看YouTube频道后的视频等。在我的研究中，找到了一个“ y”组织来帮助我重新开始。到现在为止，我不会提及它是什么组织，直到我能看到这一旅程的结果，并且，如果您开始学习如何成为Web开发人员，我想向您提供一些确实对您有帮助的提示，我没有目前，我认为这是获得未来梦想工作的正确方法。

第一章：开始

如果您想成为一名Web开发人员，您可能正在考虑成为一名全栈开发人员，而要做的第一步就是学习如何成为一名优秀的前端开发人员，这意味着您必须先学习HTML， CSS和JS，但我们将在JS上发表另一篇有趣的文章。

HTML5

也许您已经知道，您必须学习的第一件事就是HTML，在没有我们喜爱HTML的情况下，Web和我们所处的位置。上一版本中最近添加的内容之一包括语义标签，多媒体，图形等。语义帮助设备更好地解释内容，特别是对于内容阅读器和搜索引擎，您可以在开发人员的Mozilla页面的页面中找到有关HTML5的详细摘要。

如果您需要更多高级内容， Codecademy会为您提供免费且良好HTML初学者指南，并提供互动活动。

一旦了解了语义标记和HTML5的改进，Shay Howe的帖子就会为您提供广泛而完整HTML和CSS实际操作视图。这篇文章涵盖了框模型，位置，版式，背景，列表，媒体，表单和数据表之间的许多主题，因此这是完整的指南。

如果您愿意，Udemy提供许多有关HTML，CSS，JS和相关主题的课程，价格从$ 19.99起。

如果您更喜欢打印的页面，那么会有一长串的列表，其中包括CSS和JS，我会根据评论和评论选择一些：

CSS

漂亮的女孩不需要化妆，但是HTML的不是漂亮女孩，它更像是骨骼，因此CSS在这里起作用。

基础

首先，您需要了解的基本知识是如何使用选择器和特定性来打破CSS级联， Shay Howe的课程已经让您知道了一点，如果您想更深入地学习这篇文章，请参阅Shay Howe。太。如果您想休息一下，可以在这里找到一个有趣的页面。

另一个基本概念是了解盒子模型，如果您阅读了Shay Howe的课程，那么您会知道它的含义。

最后，在开始了解如何动态播放CSS的基础上，了解浮动和位置至关重要。

CSS网格和Flexbox

在这里，我们进入了CSS概念中最动态的部分。 CSS Grid和flexbox是两个不同的布局系统，彼此之间的区别是，当您使用CSS Grid时，您应该考虑行和列这两个维度（包括行和列），而当您使用flexbox时，您必须考虑一个维度：行或列（不包括），具体取决于flexbox中使用的方向。两种工具都可以为您提供灵活性和动态性，并且您必须根据布局需要应用一种或另一种。

有个叫Wes Bos的好人，他的网站或YouTube频道上有完整的视频系列，讲解CSS Grid和Flexbox 。完整的Flexbox指南在这里，如果您想休息一下，可以使用几个链接来有趣地练习Grid和Flexbox 。

另一种资源，可以从Rachel Andrew的网络或YouTube频道列表中学习CSS Grid。

过渡和动画

当某些属性发生变化（例如填充和边距添加过渡和动画）时，一种在网页上添加柔和触感的方法是，并非页面中的所有内容都可以进行过渡，但是在某些特定情况下应用可以帮助使页面更加用户友好并避免粗鲁的改变。

响应式设计

响应式网页设计是一种无论大小如何都可以在任何设备中显示网页的功能，下一个是学习如何制作响应式网页的好指南，这里是另一个从另一个角度学习的链接。

如果您觉得自己很勇敢，可以通过Lingulo的一个复杂示例进行练习。

CSS预处理器

一旦您掌握了CSS的主要概念，就可以看看CSS预处理器的替代方法，如果您已经对CSS有足够的了解，那么这些工具就很容易使用，因为它们使用的语法就像CSS一样，但是带有扩展名。

最著名CSS预处理器是Sass和Less，它们不止两个，您可以尝试任何一种，然后选择自己喜欢的。在此链接中，您可以看到它们之间的比较。

这是两个有趣的视频，其中解释了如何开始使用Sass和Less 。

其他资源