我成为Web开发人员的旅程

免责声明

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

序幕

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

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

第一章&＃xff1a;开始

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

HTML5

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

• 如果您需要更高级的内容&＃xff0c; Codecademy会为您提供免费且良好的HTML初学者指南&＃xff0c;以及交互式活动&＃xff0c;同时您需要付费。

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

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

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

  • HTML5策划者
  • HTML&＃xff0c;CSS和Javascript网络发布
  • HTML5&＃xff0c;失踪手册
  • HTML5和CSS3傻瓜一体
  • HTML5游戏
  • 先行HTML5编程
  • HTML5权威指南
  • HTML5游戏开发实例

的CSS

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

基础

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

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

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

CSS网格和Flexbox

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

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

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

过渡和动画

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

响应式设计

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

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

CSS预处理器

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

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

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

其他资源

从HTML&＃xff06;CSS到HTML&＃xff06;CSS的完全免费的课程很难 。

结论

网络上有很多关于HTML和CSS的内容&＃xff0c;根据我的学习经验&＃xff0c;这是一个小指南&＃xff0c;这只是冰山一角&＃xff0c;还有更多关于HTML和CSS的内容&＃xff0c;例如&＃xff0c;还有其他主题例如用户界面&＃xff08;UI&＃xff09;&＃xff0c;用户体验&＃xff08;UX&＃xff09;&＃xff0c;CSS框架等&＃xff0c;但是首先您需要具备基本知识&＃xff0c;并且随着您的进一步发展&＃xff0c;您将看到如何在网络上创建魔术&＃xff0c;因此不要停止学习。

最后一件事&＃xff0c;学习还不够&＃xff0c;您必须将这些概念付诸实践&＃xff0c;如何&＃xff1f; 好&＃xff0c;例如&＃xff0c;克隆一个您喜欢的网页&＃xff0c;看看您应用了多少知识。 如果您不练习&＃xff0c;就会忘记学到的东西。

在您的全程旅行中看起来不错。

From: https://hackernoon.com/my-journey-to-become-a-web-developer-sg3l32x6