Programming Guide 2020 Step by Step

January 19, 2020


What Do You Want To Do?

There are many reasons to learn how to code …..

  • Work as a developer at a company
  • Start freelancing and/or create your own business or agency
  • Become a consultant
  • Create an app or a saas (software as a service) to make money
  • Code as a hobby

Tools 1: The Necessities

Basic System tools for web development

  • Computer & OS – macOS, Windows, Linux
  • Text Editor / IDE – VS Code, Sublime Text, Visual Studio, Eclipse
  • Web Browser – Chrome, Firefox
  • Terminal – Bash, Zsh, Powershell, Git Bash, iTerm, Hyper
  • Design (Optional) – AdobeXD, Photoshop, Sketch, Figma

The Building Blocks

HTML5 CSS is almost always the first thing you want to learn in web dev

  • HTML5 (Semantic Elements, attributes, doctype, etc)
  • CSS Fundamentals (Colors, fonts, positioning, box model)
  • CSS Grid & Flexbox
  • CSS Custom Properties
  • CSS Transitions

Responsive Design

Every serious project that you create should look good and be completely usable on all devices

  • ViewPort
  • Media Queries
  • Fluid Widths
  • rem units over px
  • Mobile First

Custom Reusable CSS Components

Create your own modular, reusable CSS components to use in your projects. Frameworks seem to be a bit less popular

Sass is a CSS pre-processor that makes CSS more efficient and adds more functionality to standard CSS

  • Variables
  • Nesting
  • Conditionals

Related Posts

What Type of Website I do need for my Business

What Type of Website I do need for my Business

Hopefully, you realize how important it is to have a website for your business—and if you need convincing, check out our post from last week, Why Your Business Needs a Great Website. Just like the front window in a store is used to encourage walk-in traffic, a...

Importance for the optimized website and digital marketing

Importance for the optimized website and digital marketing

Website optimization for a better conversion rate is a sensible business move. A good start to having an optimized website is a clean and simple home page that loads quickly and displays only relevant information, with user-friendly navigation, clearly stands out. If...



Submit a Comment

Your email address will not be published. Required fields are marked *

News & Updates

Join Our Newsletter