Web Development Techs

in 2019

1. Front End

Web Icon

Design

  • Adobe XD

    Compatibility: Mac/Windows Users.
    by: Adobe Systems

  • Sketch

    Compatibility: Only For Mac Users.
    by: Bohemian Coding

  • InVision

    Compatibility: Only For Mac Users.
    by: Invision

Text Editors

  • VS Code

    by: Microsoft.
    Free, Open Source.
    link

  • Sublime

    by: Jon Skinner, Will Bond.
    $80, Proprietary.
    link

  • Atom

    by: GitHub.
    Free, Open Source.
    link

Basics

  • HTML

    CSS

  • JavaScript

    - Libraries: jQuery, Wow.js , ...

Deployment

Responsive Frameworks

  • Bootstrap

    Github stars: 129,582

    Github Contributors: 1,054

    link

  • Foundation

    Github stars: 27,877

    Github Contributors: 985

    link

  • Materialize

    Github stars: 34,714

    Github Contributors: 252

    link

  • Bulma

    Github stars: 31,925

    Github Contributors: 243

    link

Single Page Application Frameworks

  • React

    Github stars: 118,327

    npm Weekly Downloads: 3,241,096

  • Vue

    Github stars: 123,102

    npm Weekly Downloads: 717,578

  • Angular

    Github stars: 43,779

    npm Weekly Downloads: 338,932

2. Back End

Web Icon

Programming Languages

  • JS

    Used by: Netflix, Walmart, Linkedin,...

  • Python

    Used by: Google, Youtube, Udemy, Bitbucket,...

  • C#

    Used by: Stackoverflow, w3school, GoDaddy,...

  • php

    Used by: Facebook, Wikipedia,...

  • Java

    Used by: Google, ebay, aws.amazon.com,...

Database Management Systems

  • MySql

  • PostgresSql

  • MS Sql

  • MongoDB

  • SQLite

  • oracle

Cloud Platforms

  • Firebase

  • Heroku

  • Amazon Web Services

  • Google Cloud Platform

  • Microsoft Azure

Last but not least

  • CMS

    Wordpress, Drupal, Joomla,...

  • Rest API

  • Docker

  • GraphQL

Resources

Youtube Channel: Traversy Media
Youtube Channel: Design Course
https://www.freecodecamp.org/
Google Training

References

StackOverflow Survey:

https://insights.stackoverflow.com/survey/2018

Programming Languages used in most popular websites:

https://en.wikipedia.org/wiki/Programming_languages_used_in_most_popular_websites
https://www.wappalyzer.com/technologies/java
https://www.wappalyzer.com/technologies/microsoft-asp-net

Graphics from:

https://www.iconfinder.com/
https://worldvectorlogo.com/

Slides made with:

https://webslides.tv/

😎

Thank you!