热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

我成为Web开发人员的旅程

免责声明根据我的经验,本文旨在为Web开发领域的真正初学者提供帮助,您的情况可能会有所不同,我说这是因为我不想让您无所适从您可能已经知道的

免责声明

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

序幕

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

那么现在怎么办? 我发现自己需要一个新的开始,那一刻,我评估了自己的可能性,我来自一个小的发展中国家,就在远离主要城市的小镇上,在那里我找不到更多的工作或学习机会因为那里有企业,所以像Microsoft,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,我会根据评论和评论选择一些:

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

的CSS

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

基础

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

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

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

CSS网格和Flexbox

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

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

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

过渡和动画

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

响应式设计

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

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

CSS预处理器

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

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

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

其他资源

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

结论

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

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

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




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



推荐阅读
  • 技术分享:从动态网站提取站点密钥的解决方案
    本文探讨了如何从动态网站中提取站点密钥,特别是针对验证码(reCAPTCHA)的处理方法。通过结合Selenium和requests库,提供了详细的代码示例和优化建议。 ... [详细]
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • 1:有如下一段程序:packagea.b.c;publicclassTest{privatestaticinti0;publicintgetNext(){return ... [详细]
  • 如何在WPS Office for Mac中调整Word文档的文字排列方向
    本文将详细介绍如何使用最新版WPS Office for Mac调整Word文档中的文字排列方向。通过这些步骤,用户可以轻松更改文本的水平或垂直排列方式,以满足不同的排版需求。 ... [详细]
  • 本章将深入探讨移动 UI 设计的核心原则,帮助开发者构建简洁、高效且用户友好的界面。通过学习设计规则和用户体验优化技巧,您将能够创建出既美观又实用的移动应用。 ... [详细]
  • 程序员妻子吐槽:丈夫北漂8年终薪3万,存款情况令人意外
    一位程序员的妻子在网上分享了她丈夫在北京工作八年的经历,月薪仅3万元,存款情况却出乎意料。本文探讨了高学历人才在大城市的职场现状及生活压力。 ... [详细]
  • 本文详细分析了JSP(JavaServer Pages)技术的主要优点和缺点,帮助开发者更好地理解其适用场景及潜在挑战。JSP作为一种服务器端技术,广泛应用于Web开发中。 ... [详细]
  • 本文将介绍如何编写一些有趣的VBScript脚本,这些脚本可以在朋友之间进行无害的恶作剧。通过简单的代码示例,帮助您了解VBScript的基本语法和功能。 ... [详细]
  • 本文总结了2018年的关键成就,包括职业变动、购车、考取驾照等重要事件,并分享了读书、工作、家庭和朋友方面的感悟。同时,展望2019年,制定了健康、软实力提升和技术学习的具体目标。 ... [详细]
  • 资源推荐 | TensorFlow官方中文教程助力英语非母语者学习
    来源:机器之心。本文详细介绍了TensorFlow官方提供的中文版教程和指南,帮助开发者更好地理解和应用这一强大的开源机器学习平台。 ... [详细]
  • 深入理解Tornado模板系统
    本文详细介绍了Tornado框架中模板系统的使用方法。Tornado自带的轻量级、高效且灵活的模板语言位于tornado.template模块,支持嵌入Python代码片段,帮助开发者快速构建动态网页。 ... [详细]
  • 前言--页数多了以后需要指定到某一页(只做了功能,样式没有细调)html ... [详细]
  • 在Linux系统中配置并启动ActiveMQ
    本文详细介绍了如何在Linux环境中安装和配置ActiveMQ,包括端口开放及防火墙设置。通过本文,您可以掌握完整的ActiveMQ部署流程,确保其在网络环境中正常运行。 ... [详细]
  • 本文介绍如何通过Windows批处理脚本定期检查并重启Java应用程序,确保其持续稳定运行。脚本每30分钟检查一次,并在需要时重启Java程序。同时,它会将任务结果发送到Redis。 ... [详细]
  • 本文详细介绍了macOS系统的核心组件,包括如何管理其安全特性——系统完整性保护(SIP),并探讨了不同版本的更新亮点。对于使用macOS系统的用户来说,了解这些信息有助于更好地管理和优化系统性能。 ... [详细]
author-avatar
用户hxjr5k4y3f
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有