Unfortunately, to code is only one step on the path of learning Web Development. Depending on your career trajectory, you could be competing with of others who are also trying to break into the industry. learning thousands So what should you do to stand out from the pack? I asked Web Developers across several communities what skills they thought were often neglected by new Web Developers, and I received a lot of great responses. So many in fact, that I decided to curate a list to summarize all of the information in one place. By learning these skills and concepts, you’ll have a huge leg up on the competition. This article is going to be a two part series. One article for the technical skills and one for the soft skills. In this first article we’re going to focus on the technical skills. Note: The list of concepts for each is not exhaustive. I’ve only include the topics I believe will give you the most bang for your buck. If you think something deserves to be included and isn’t, feel free to leave a comment for everyone’s benefit. A Basic Understanding of Networking Having an end-to-end understanding of , is one of the best ways you can stand out from the herd. Obtaining a basic understanding of networking will go a long way towards reaching that goal. what happens when you type google.com into your browser and click enter What To Learn? How Domain Name Systems (DNS) work. Registering and using domains. Understanding TCP/IP. Basic network debugging. (ex. why aren’t I able to to connect to my new website? ) Hint: The port isn’t open Understanding what a VPN is. Check out this course by google that teaches you the basics of . free Networking for Web Developers Understand How HTTP Works Although technically part of a basic understanding of networking, HTTP is important enough that it deserves it’s own section. HTTP is the bread and butter protocol of the web, so learn it inside and out. What To Learn? The anatomy of an HTTP transaction. The HTTP request verbs and when the use them. Recognize the main response codes and when to use which ones. What a stateless protocol is and why it matters. Recognize popular headers and how to add your own. Working with HTTP outside the browser. (REST clients, curl, etc) SSL, what it is, how it works, and why you should use it. There are a lot of available resources out there to learn about HTTP but I’ll include a couple in case you’re feeling lazy: https://developer.mozilla.org/en-US/docs/Web/HTTP https://www.udacity.com/course/http-web-servers–ud303 Learn To Work in Unix Shells Unless you plan on working exclusively with Microsoft tools, your websites and applications are likely going to be hosted on a Linux server. That means you’re going to need to be familiar with working in Unix shells. A lot of new Web Developers avoid working from the command line because it feels unfamiliar. This is completely normal, but now isn’t the time to stay in your comfort zone. What To Learn? Remote access using SSH. Basic shell commands (cd, ls, cp, mv, mkdir, …). Learn how to use grep. Get familiar with a command line text editor (vim, Emacs, nano, …). Understand file permissions and how to change them. Learn what environment variables are and how/when to use them. Learn how to use .bashrc Learn how to use a package manager (apt, yum, …) Learn to find and read logs for your services. Learn to manage services (start, stop, restart, …) Learn basic bash scripting. Honestly, I could go on and on for this one. Learning to be effective in a Unix shell can be a career long journey, which is half the fun. The power you gain from working on the command line quickly becomes apparent and will change the way you approach development. Some learning will be specific to your environment but the basics should apply across the board. Check out this by to get started. tutorial Digital Ocean Learn To Use Git A strong understanding of Git is one of the most important things to learn as a new developer but it seems to be avoided by most. This is unfortunate because I believe newer developers benefit the most from a strong command of git. Why? Because it will when you inevitably make a mistake. Keep in mind, there are other version control tools out there like SVN and Mercurial, but for this article we’ll focus primarily on Git. save your butt What To Learn? Learn the basic commands (init, add, commit, status, checkout, …) Learn to configure remote repositories. Learn to use fetch, pull, push. Learn to work with branches. (create, merge, …) Learn what rebase is and how to use it. Learn how to resolve conflicts. Learn how to use stash. The more effort you put into learning git, the more confident you’ll be working with a team of developers. offers a or you can check out if you prefer a more interactive approach. Atlassian great tutorial try.github.io Learn To Use Browser Developer Tools Browser tools are an everyday use just like your text editor, so get to know them. Being able to properly use browser tools will give you a leg up on the competition, and will make you an all around better Web Developer. huge It will help you with debugging, understanding the effects of your code, recognizing performance issues, and much more. Chrome in particular has a lot of invaluable tools baked into their developer suite which has made my life as a Web Developer exponentially easier. What To Learn? Learn to use the console to find errors and debug your code. Learn to use the inspection tool to view/change your markup and CSS in the browser. Learn how to debug Javascript (call stack, breakpoints, object inspection, …) Learn to inspect and debug HTTP transactions. Learn to profile websites to identify performance issues. Browser tools offer an advantage that you can’t ignore, so learn them early and learn them well. If you’re using Chrome, checkout Google’s . Chome Dev Tools Overview Learn an Additional Language Most people will tell you to learn one language and learn it well. However, part of becoming a good Web Developer is learning to use the , and this includes languages. It’s a good idea to learn more than one language but it’s also important to learn different types of languages. right tool for the job programming For example, if you’re learning a language like , you’ll have a great tool for Object Oriented Programming. Instead of learning a similar language like , why not learn a functional language like ? or a language superset like ? This approach will help you to broaden your understanding of different programming paradigms and give you better insight into selecting the right tool for the job. Python Ruby Clojure TypeScript I’ll list a few languages that will take you off the beaten path but know that there are a lot more available. What To Learn? Haskell Scala Elm TypeScript Clojure Go Kotlin Bash Remember, it’s not about learning a language that will get you a job. It’s about broadening your horizons as a developer and being able to recognize the right tool for the job. If I missed any languages you think should be included, feel free to add it in the comments. Learn to Comment Your Code Properly Commenting code is a point of contention among developers in the industry. Some developers will tell you to comment sparingly, some will tell you to comment often. At the end of the day it’s going to depend on the team you work with and the style guide that they provide for you. With that said, no matter how much commenting you end up doing, it’s important to learn how to comment . correctly What To Learn? Learn to write self-commenting code. Learn your language’s commenting syntax. Learn to write comments that are brief and to the point. Get familiar with . documentation generators Learn how to recognize code that needs commenting. Learn your language’s commenting standards, if it has one. (ex. for Python) PEP 8 Good comments can really help grease the wheels when you are working with a team of Developers. If you learn to write clean self-commenting code and back that up with comments that illuminate the dark parts, your teammates will take notice and appreciate your efforts. That’s it for the technical skills. Obviously, there is an list of stuff you could learn to stand out among your peers. However, these topics are the ones that Web Developer’s have expressed a desire to see more of when working with new Developers. infinite In the second part of this article, we’ll review a similar list, but for soft skills. Until then, happy learning! Check out my website for jobs with . Looking for Tech Jobs? ObviousJobs.com full salary disclosure Originally published at fullbit.ca on May 2, 2018.

ATLASSIAN

Fetch

Google

Microsoft

Mozilla

Too Long; Didn't Read

In your car, at home, or at work — Bosch technology shapes many areas of life.

Learning Web Development? These Skills Will Make You Stand Out

Too Long; Didn't Read

People Mentioned

Companies Mentioned

Colin Morgan

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

Learning Web Development? These Skills Will Make You Stand Out

Too Long; Didn't Read

People Mentioned

Companies Mentioned

Colin Morgan

About Author

TOPICS

THIS ARTICLE WAS FEATURED IN...

RELATED STORIES