web项目开发人员配比
However, what is probably more important is that you ask yourself how to become a successful one. Because, there is a lot of web developers out there, but not all of them are on the right track to success. The journey takes time and effort, so in this article, I will do my best to equip you with the necessary knowledge and assets for you to become a successful web developer.
但是,可能更重要的是,您问自己如何成为一个成功的人。 因为,这里有很多Web开发人员,但并不是所有人都在正确的道路上。 这个过程需要时间和精力,因此在本文中,我将尽力为您提供必要的知识和资产,以使您成为一名成功的Web开发人员。
从JavaScript开始 (
Starting with JavaScript)
When you make the decision to dive into the world of web development, the first course of action is to cover all the necessary basics. You could start with learning JavaScript. A good way to do this is to choose some of the courses that Codecademy and CodeSchool have to offer. The former are free to use while you have to pay for the latter. Once you have completed the courses and learned the basics, you should take it to the next level and strengthen your JavaScript foundation with the book Eloquent Javascript: A Modern Introduction to Programming by Marijn Haverbeke. It is a popular book in the field, and while it is tough, it covers a wide variety of programming concepts and will enable you to truly have a hold on JavaScript.
当您决定进入Web开发领域时,第一步就是要涵盖所有必要的基础知识。 您可以从学习JavaScript开始。 做到这一点的一个好方法是选择Codecademy和CodeSchool必须提供的一些课程。 前者可免费使用,而您则需要付费。 一旦完成课程并学习了基础知识,就应该将它带入一个新的水平,并用Marijn Haverbeke撰写的《口才Javascript:现代编程入门》来巩固JavaScript基础。 这是一本在该领域很受欢迎的书,尽管很难,但它涵盖了多种编程概念,使您能够真正掌握JavaScript。
HTML和CSS (
HTML & CSS)
The next step is to learn the fundamentals of HTML & CSS. CodeSchool’s HTML & CSS learning path contains great courses that cover a great scope of what is necessary for you to learn, and also have a great pacing. If you’re not satisfied, you could go for Codecademy’s HTML & CSS course, or try out something harder such as Udacity’s Intro to HTML and CSS, which has a complete overview and presents you with a challenge. Another alternative is to get a hold of Jon Duckett’s book called HTML and CSS: Design and Build Websites. Once you have gotten a hold of the basics of CSS, you should improve on how clean it is with one of two methodologies: SMACSS or BEM.
下一步是学习HTML和CSS的基础知识。 CodeSchool的HTML和CSS学习路径包含了不错的课程,涵盖了您学习所需内容的广泛范围,并且安排了很好的节奏。 如果您不满意,可以参加Codecademy的HTML和CSS课程,或者尝试一些更难的事情,例如Udacity的HTML和CSS简介 ,它具有完整的概述,并给您带来挑战。 另一种选择是掌握Jon Duckett的书SMA的干净程度: SMACSS或BEM 。
少而无礼 (
Less & Sass)
Less & Sass are CSS source-to-source compilers that enable you to elegantly write CSS. What they do is that they compile your code and then convert it to regular CSS. Sass is more popular, but Less is easier to learn. WinLess’s Online Less Compiler offers you a fast and complete overview of Less, with code examples that show you how the Less code is converted into CSS. With SassMeister you can give Sass a try online, though it doesn’t offer code examples. Essentially they are similar, so you can choose the one that better suits you.
Less&Sass是CSS源到源编译器,可让您优雅地编写CSS。 他们要做的是编译您的代码,然后将其转换为常规CSS。 Sass更受欢迎,但是Less更容易学习。 WinLess的在线Less编译器为您提供了Less的快速,完整概述,并提供了代码示例,向您展示如何将Less代码转换为CSS。 使用SassMeister,您可以在线尝试Sass,尽管它没有提供代码示例。 从本质上讲,它们是相似的,因此您可以选择更适合自己的一种。
响应式设计 (
Responsive design)
Previously mentioned HTML & CSS learning path by CodeSchool has the information you need on responsive design, but you could also go for Google’s course on Udacity which is called Responsive Web Design Fundamentals. It’s a great course that covers all the necessary basics. You should know that it's a lot easier to do a responsive design with a framework such as Bootstrap. Bootstrap offers official documentation that makes it easy for you to start working with it.
前面提到的CodeSchoolHTML和CSS学习路径提供了响应式设计所需的信息,但是您也可以参加Google的Udacity课程,即响应式Web设计基础知识 。 这是一门很棒的课程,涵盖了所有必要的基础知识。 您应该知道,使用诸如Bootstrap之类的框架进行响应式设计要容易得多。 Bootstrap提供了官方文档 ,使您可以轻松地开始使用它。
AngularJS (
AngularJS)
In order to learn what AngularJS is and how it improves making web apps, you should check out Design Decisions in AngularJS, by Misko Hevery, a Google developer. The best course material you can find is on Egghead.io, which offers both free and paid courses. They will help you learn the basics, such as what a controller, filter or $scope are. One of the best courses is AngularJS Fundamentals.
为了了解AngularJS是什么以及它如何改善Web应用程序的制作,您应该查看AngularJS的设计决策 ,作者是Google开发人员Misko Hevery。 您可以在Egghead.io上找到最好的课程资料,该课程提供免费和付费课程。 它们将帮助您学习基础知识,例如控制器,过滤器或$ scope是什么。 最好的课程之一是AngularJS基础知识 。
设计模式 (
Design patterns)
Design patterns are code solutions that you can use multiple times in order to solve common software issues. Learning them will help you be a more competitive software developer and also make it easier for you to understand other people’s code. There are two ways you should try out in order to learn them. One doFactory’s JavaScript Design Patterns, and the other is a book by Addy Osmani called Learning JavaScript Design Patterns.
设计模式是可以多次使用的代码解决方案,以解决常见的软件问题。 学习它们将帮助您成为更具竞争力的软件开发人员,并使您更容易理解他人的代码。 您可以尝试两种方法来学习它们。 一个是doFactory的JavaScript设计模式 ,另一个是Addy Osmani的书,名为“ 学习JavaScript设计模式” 。
Chrome DevTools (
Chrome DevTools)
Chrome is one of the best tools a web developer can use, and it will save you a lot of time later on if you master it as soon as possible. In order to get yourself acquainted with DevTools, you should check out CodeSchool’s free course Explore and Master Chrome DevTools.
Chrome是网络开发人员可以使用的最好的工具之一,如果您尽快掌握它,它将为您节省很多时间。 为了使您熟悉DevTools,您应该查看CodeSchool的免费课程Explore and Master Chrome DevTools 。
Git(版本控制) (
Git (Version Control))
Git is a great tool that enables you to track the changes made to your code so that if anything goes wrong, you can simply revert to a previous state. Furthermore, it makes it possible for you to see the entire history of your code. You can go for CodeSchool’s courses Try Github and Git Learning Path to learn Git’s fundamentals.
Git是一个很棒的工具,它使您能够跟踪对代码所做的更改,这样,如果发生任何错误,您可以简单地恢复到以前的状态。 此外,它使您可以查看代码的整个历史记录。 您可以参加CodeSchool的课程, 尝试Github和Git学习之路 ,学习Git的基础知识。
任务执行者 (
Task Runners)
Task runners are tools that enable you to automate common tasks. For example, when it comes to Less/Sass, you would normally be forced to run the CSS compiler every time you make a change, and manually update the browser. A task runner can be used to look out for changes in Less/Sass, and then automatically compile your CSS and refresh the browser.
任务运行器是使您能够自动执行常见任务的工具。 例如,当涉及到Less / Sass时,通常您每次进行更改时都会被迫运行CSS编译器,并手动更新浏览器。 可以使用任务运行器查找Less / Sass中的更改,然后自动编译CSS并刷新浏览器。
The two most popular task runners now are Grunt and Gulp. They basically do the same thing, but Grunt is more oriented towards configuration, while Gulp is shorter to write and pays more attention to the code. Scotch.io offers courses on Grunt and Gulp that can help you out.
现在,最受欢迎的两个任务执行者是Grunt和Gulp。 他们基本上会做同样的事情,但是Grunt更加注重配置,而Gulp的编写时间较短,并且更加关注代码。 Scotch.io提供有关Grunt和Gulp的课程,可以为您提供帮助。
进一步的步骤 (
Further steps)
After you become acquainted with the necessary knowledge and tools, everything comes down to further improving on what you know. Even after starting Ryanswebdesign, I still follow up on latest changes and trends, as it is key to never stop learning. Educate yourself, keep your code clean, love what you do, and always be willing to share your knowledge with others.
当您熟悉必要的知识和工具后,一切都会归结为进一步改进您所了解的知识。 即使开始Ryanswebdesign之后 ,我仍然会跟进最新的变化和趋势,因为这是永不停止学习的关键。 教育自己,保持代码干净,热爱自己所做的事情,并始终愿意与他人分享您的知识。
翻译自: https://www.experts-exchange.com/articles/29357/How-to-Become-a-Web-Developer.html
web项目开发人员配比