如何学习web网站编程,教你从这几步来

  • A+
所属分类:小学编程

如何学习web网站编程,教你从这几步来,四年前我开始学习如何编码。当我开始时,我知道我想建立网站和应用程序。我想我会学到我需要的东西,并为入门级的开发人员工作做一些很酷的事情。我没想到的是有多少工具可供选择,而且从哪里开始并没有太多方向。选择代码编辑器,使用命令行,版本控制,更不用说学习技术术语,这很难启动。

我不能告诉你有多少个夜晚我把车轮转向错误的方向,学习一些我从未使用过的东西。这就是我希望有人会告诉我以及一堆很棒的资源来帮助你入门。

从哪儿开始

您可以使用大量语言和工具为Web构建。所有这些都有它们的好处,并由大量超级聪明的人维护。虽然这对推动网络发展很有帮助,但开始时却令人困惑和压倒性。

独家学习HTML,CSS和Javascript。

如果深入了解HTML,CSS和Javascript,您将能够在Web上创建任何内容。

核心十小时

每周努力实现十个小时的真实编码。这意味着在编辑器中,抛出div,并编写方法。播客,教程和阅读博客不属于那十个。不要过去,绝对不要去。这些概念需要花费一定的时间,因此稳定的速度可以更快地提升您的技能。

使用工具

接下来,下载VsCode以用作代码编辑器。之后你需要一个终端来运行命令并做其他各种事情,所以下载iTerm2。最后,您需要一个浏览器来测试您的网站,以便获取最新版本的Google Chrome。

进入社区

追赶的唯一方法是直接进入。执行以下操作:

每天阅读 FreeCodeCamp和Hackernoon

每周收听播客语法和商店谈话节目

跳上Twitter,跟随一群开发者。这里有一个简短的列表,可以帮助你入门:Caldera(无耻插头),Dan Abramov,Kyle Mathews,Christian Nwamba,Wes Bos,Jason Miller?⚛,Scott Tolinski,Ryan Florence

你明白这个东西了吗?可能不是。关键是要尽早介绍它,以便以后更容易潜入。

HTML和CSS

时间: 40个小时

HTML提供了网页结构,CSS使它们看起来很漂亮。在此部分中,请勿使用类似Bootstrap的库进行样式设置。关键是习惯于仅使用CSS创建标记,定位元素和样式。我的一些资源来学习这个是:

Codecademy网站

树屋:前端Web开发

在构建时,重点是使用Chrome DevTools。重要的是要熟悉所有这些事情,以便以后深入了解它们。

源控制

时间:在此之后你做的每个项目

不要跳过这个!从这一点开始,永远使用源代码控制来跟踪和管理您的更改。如果您真的搞砸了,与其他开发人员协作并在线共享代码,这可以让您回到过去。首先,您需要安装 Git,创建Github帐户,并初始化存储库。检查本课程即可开始使用:

树屋:Git Basics

这可能是您第一次使用命令行来执行计算机操作。在那里感到舒服很重要,Git最初帮助你熟悉它。在你感觉良好的事情后开始使用SourceTree。它可以帮助您可视化事物,并且使用起来更友好。

 使用Javascript

时间: 80小时

现在是时候开始将事物变为现实并跳入Javascript。这是网络的脚本语言,现在几乎可以做任何事情。您可以创建iOS / Android应用程序,后端服务器,Web应用程序,桌面应用程序,甚至可以使用它进行机器学习。把所有时间都集中在学习这门语言和这门语言上。如果你研究你会看到像PHP,Ruby,Python,Node,Flask,React,Angular,Webpack,Jenkins,Wordpress,Rollup,Firebase,Docker,Yaml这样的东西。所有这些东西都很棒(除了PHP),但是你需要在分支之前专注于学习一件事。你很可能不会做太多的网络事情,但现在还可以。开始的地方:

想学习JavaScript吗?这是一个免费的24部分课程,可以帮助您入门。

现代Javascript从一开始

如何学习web网站编程,教你从这几步来如何学习web网站编程,教你从这几步来

把它们放在一起

时间: 60个小时

在这里,您可以学习到目前为止所学到的所有内容,并将它们结合起来构建一些非常酷的东西。我建议您浏览Wes Bos的Javascript 30课程,以便了解各种项目。

应对

时间: 100小时

这是学习现代Web 开发的 成败步骤- 学习您的第一个库/框架。您将在面向Web开发人员的就业市场中看到的大部分需求都涉及一些Javascript库或框架的知识。流行的是React,Angular,Vue,Preact和jQuery(虽然现在不是很多)。你最终可能会学到不止一个,但我喜欢先学习React,因为它会改变你到目前为止所学到的一切。要检查的课程:

升级教程:为每个人做出反应

与Redux的现代反应

 CSS时间

时间: 20个小时

到这个时候你应该有一个很好的项目集合,并希望在此过程中学习CSS。这通常是你学习的第一件事,但最难掌握。你可能已经在上面列出的课程中看到过,还有很多不同的风格。你有CSS,SCSS,LESS,CSS-in-JS,内联样式,PostCSS,Scoped CSS,以及一系列用于组织CSS的不同设计方法。不要让任何这些压倒你。要赶上来,请阅读现代CSS解释恐龙。

现在是时候深入了解Flexbox。这将使您能够轻松创建布局。有关学习的内容,请阅读Flexbox的工作原理 - 使用大型彩色动画GIF进行解释

更多Javascript

时间: 20个小时

如果你已经做到这一点,那么现在是时候放慢速度并回顾你学到的东西了。图书馆,编码模式和最佳实践一直在变化,但语言的基础却没有。深入学习Javascript是Web开发长期成功的关键。购买此课程,完成课程的每一课,并确保在继续学习之前了解这些内容。

Javascript:了解不一样的部分

做完上面的步骤相信你对如何学习web网站编程有一个深入的了解

发表评论

您必须才能发表评论!