Spread the love

Welcome to my practical guide  for web development in 2018 in terms of  technology and career.

Before we start I just want to  mention a few things, you don’t need to learn  everything that I mention here in fact  that may be impossible.

This  guide it depends on what type of  developer you want to be.

Do you want to  be a full-stack developer?

which works on  the front end back end do you want to  specialize in the front end and in the  UI the user interface

Do you want to be  a simple web designer?

that builds just  basic browser web sites

Do you want to  be a back-end engineer ?

that creates  complex api’s and manages databases

You’ll need to make different choices  depending on what kind of developer you  want to be but this guide in general is  for full stack web developers but  that doesn’t mean that if you want to be  a front-end developer this is no use to  you because we’re going to talk about your stuff as well

Let’s take  a look  some tools and software now you’re not  gonna need all of these at once.

Tools and Softwares

Text editor or possibly an IDE:

Visual Studio code,  Atom and sublime text these are all very  customizable they’re very fast they have  tons of features.

A good browser:

The browser  that I would definitely suggest is  Chrome but Firefox is also a good  browser.  I would suggest chrome because it’s fast  it is it has the best dev tools it uses  the v8 JavaScript engine which is the  same engine that nodejs uses.

Image Editing

Photoshop, GIMP etc

Deployment Tools:

Eventually need an FTP client to upload  to your your host especially  if you’re using a shared host.

an SSH  tool like putty if you’re on Mac or Linux you can  simply use the SSH command it’s just a  way to interact with your server and  deploy applications.

Cloud storage

This is something that is definitely  optional but something I’d recommend  because I like to have my code available  from everywhere from all my computers if  I go on vacation I want it on my laptop  and I want it all synched up so I prefer  Dropbox but Google Drive  another good service.


I would say that you need  to learn before anything else. if you’re  striving to be any kind of web developer  that builds stuff in the browser this is  the most important thing to learn  because HTML and CSS are the building  blocks of the web.

Every website that you  you visit uses HTML and CSS, regardless of its back-end technologies regardless of the languages it uses on its server  the UI is always going to be in HTML and  CSS.

Even if it’s generated by JavaScript  or you know JSX something like that the  end result is HTML and CSS.

Basic JavaScript

It’s time to start  learning some real programming so that  you can create at least somewhat of a  dynamic user interface and you can  create events you can play around with the DOM and for this you’ll need to  learn JavaScript.

There are some  advanced topics in this and if you don’t plan on being a javascript developer or using front-end frameworks like react and angular then not all of this is needed. For instance if you’re gonna be a  PHP or Python developer and only build  server-side applications where you render views on the server you’re not  gonna need to master JavaScript but you  should definitely know the basics.

Deploying a Basic Website:

  • Shared hosting [InMotion, Hostgator, etc]
  • Learn the basics of cPanel [Creating email accounts, FTP, etc]
  • Upload a site with FTP [FileZilla]
  • Register a domain name and learn about DNS / Name Servers

Web Designer / Basic Front End Dev

  • Build simple websites & Uls
  • PSD / AI – . HTMU CSS
  • Some dynamic UI with JavaScript
  • Choose to be a freelancer or a very entry level position

Where To Next? [Depends]

  • HTML / CSS Frameworks
  • Frontend JavaScript Framework
  • Server Side Language/Technology
  • Database
  • Bootstrap

Side Technologies You Should Learn

  • GIT –> Version control
  • Basic Command Line Folder navigation, file creation, etc
  • APIS / REST Learn how REST APIs work
  • HTTP / SSL HTTP requests, HTTPS
  • CSS Pre-Processor Sass or Less

Server Side Technology [Choose One]

  • Node.js
  • Python
  • PH P
  • Ruby

Database [Choose One]

  • MongoDB –> NoSQL, non-relational, suggested for Node.js
  • MySQL –> Popular relational database
  • PostgreSQL –> Powerful but a bit more difficult than MySQL
  • SQL Server –> Microsoft’s implementation of SQL
  • Oracle –> Heavily used in enterprise
  • Firebase –> Cloud database maintained by Google

Server Side Frameworks [Choose One]

  • JavaScript –> Express, Hapi.js, Adonis, Loopback, Swagger
  • Python –> Django, Flask, Web2py, Pylons
  • PHP –> Laravel, Symfony, CodeIgniter, Yii2
  • Ruby –> Ruby on Rails, Sinatra, Nitro ✓ C# NET

Content Management Systems

  • WordPress, Drupal, Joomla
  • Great for clients
  • Thousands of plugins / add-ons
  • Fast development
  • Can be limiting

Dev Ops & Deploying Applications

  • Dedicated Server / VPS
  • Cloud Hosting – Digital Ocean, Heroku, Amazon Web Services
  • Cloud Storage – Amazon S3
  • Working with SSH & command line
  • Server maintenance & software updates

Mobile Applications [Choose One]

  • React Native
  • NativeScript
  • Ionic
  • PhoneGap / Cordova
  • Xamarin

You Are a Full Stack Developer!

  • Create simple to advanced web applications [Front & Back end]
  • Create secure REST APIs
  • Deploy & maintain applications
  • Administer databases
  • You should now be able to get a very good job or run your own business

Biggest Changes From Last Year

  • New technologies [Grid CSS, Fetch API, Materialize, NativeScript]
  • More focus on full stack and REST APIS rather than server rendered views
  • More focus on vanilla JavaScript in addition to frameworks
  • Single Page Applications
  • Python & C# over PHP

What Now?

  • Focus on your career and whatever technologies your company uses
  • Learn other languages / stacks in your spare time
  • Stay up to date with trends & technologies

Thanks you

Related Posts


Apache Kafka Commands Cheat sheet

Spread the loveKafka Topics List existing topics bin/kafka-topics.sh –zookeeper localhost:2181 –list Purge a topic bin/kafka-topics.sh –zookeeper localhost:2181 –alter –topic mytopic –config retention.ms=1000 … wait a minute … bin/kafka-topics.sh –zookeeper localhost:2181 –alter –topic mytopic –delete-config retention.ms
Read more…


What is Apache Maven | Apache Maven complete tutorial from scratch pdf

Spread the love In this post you will learn the complete tutorial of Apache Maven build tool What is Maven ? Apache Maven is a software project management and comprehension tool. Based on the concept
Read more…


Azure Tutorial from Scratch | Introduction to Azure Clouds

Spread the loveIn Azure Tutorial from Scratch, I will give you the in and outs of Azure architecture and also more details on the following DataCenter Network (N/w) services Computes/Virtual Machines/Hosts/Machines PrivateNetwork (n/w) Services In this
Read more…