The 4 Resources You Need when Starting to Code
Dan Fleser
Updated: February 18, 2022•3 min read
Part 1: HTML, CSS, and JavaScript
HTML
If you’ve never done any coding before, then HTML is a great place to start. It is the core building block of the Internet, and unlike most other languages, it gives learners immediate visual feedback on the code they are writing.
Start here:
Environment to practice
CSS
CSS is used to style the HTML.
Start here:
Environment to practice
Most of questions had been asked already by users on StackOverflow, so a quick Google search will solve your problems.
Check this article 7 Tricks To Master the Art of Googling to unlock TOP SECRET ancient googling skills that the masters of the universe have used.
JavaScript
JavaScript is the programming language of the web.
Start here:
Environment to practice:
Part 2: Other must-have parts of any developer’s toolkit
Git and GitHub
Git is a “version-control system” and GitHub is the most popular cloud-based Git service.
Git allows you to backup your files, keep track of changes, share your progress with other developers, and work on collaborative projects.
Start here:
The Command Line
The best way to use Git is via the “terminal” or “command line”, and this is also essential for modern web developers, allowing you to easily add 3rd party packages to your websites via NPM (Node Package Manager) or Yarn.
Start here:
Part 3: Building your skill set
Sass
Sass is a CSS pre-processor. It takes basic CSS, and adds several new functionalities that make it better, easier to write, and easier to maintain. It’s also very easy to learn.
Start here:
Bootstrap
Bootstrap is a component library, developed by Twitter. It allows developers to build prototypes very quickly. Instead of custom coding that slider, or navbar, or accordion, Bootstrap can help you deploy one in seconds.
Start here:
React
There are several modern JavaScript libraries out there, including Ember, React, Vue, and Angular. There’s no single right choice here, but after doing some research I chose to focus on React.
Of all these libraries and frameworks, React appears to be the most popular and fastest growing. It was developed by Facebook, and its approach to DOM manipulation also gives it an advantage over Angular.
Start here:
Part 4: Use your brain
Just start and don't let a day pass without learning something.
Final notes
Don’t forget to clap 👏 in the comment section below if you learned something new
Background music:
