Web Development 2018

Most of what you should know

echo `whoami`

Ahsan Ayaz

Software Architect

Before we start...

Full Stack Web Developer

Front-End Developer

Back-End Developer

Web Designer

UI/UX engineer

You don't have to believe everything I say

This presentation is just a high-level overview of where you can start digging into web development

Surf YouTube and the internet in general for ideas/courses/tutorials and grow steadily.

Decide what type of web developer you want to be

Mobile Apps Developer

Tools & Software

Text Editor

Good Browser

Image Editing

Deployment Tools

Chrome, Firefox

PhotoShop

FTP Client, SSH

Core Technologies

Structure

Logic

Design

Server Side Technologies

Libraries & Frameworks

Should you start jumping into libraries/frameworks today?

NO....

Because....

Learn the basics first

  • Start with HTML (before everything else)
  • Learn vanilla JavaScript.
  • Learn CSS and composing layouts.
  • Learn responsive web apps development 

Vanilla JS

Start with Basic JS (no frameworks)

Data types, loops, conditionals, functions, operators

 

DOM manipulation, events (click/keydown etc).

Do not jump into jQuery yet.

Learn AJAX, how to use fetch API, learn JSON

ES6 (or ES2015+). Learn what are arrow functions, spread operators, promises, template strings.

HTML/CSS Frameworks

(Choose one of these as a starting point)

(implementing Google's Material Design)

Front-End Frameworks

(Choose one of these as a starting point)

Popular for startups, fast, uses JSX, great with Redux

Popular for enterprises, strong eco-system, TypeScript, RxJS, NgRx

Fast, light, easy to use, VueX

Things you should learn for development in general

Git

Using Terminal/Cmd

REST APIs

CSS Pre-Processors

Version Control

Folder creation, navigation etc

Learn REST APIs, use POSTMAN

SASS/LESS etc

Build Tools

Webpack/Gulp

Server-Side Technology

(Choose one of these as a starting point)

JavaScript

Python

PHP

Ruby

Express.js/Hapi.js/Koa/
Loopback/Nest.js

Django/Flask/Pylons

Codeigniter/Yii2/Laravel

Ruby on Rails/Sinatra/Nitro

C#

.NET with Razor (MVC)

Mobile Apps Development

(Choose one of these as a starting point)

Ionic

React Native

NativeScript

PhoneGap/Cordova

Web Components, Angular, Support for Vue being added

React, JSX, Compiles to native

JavaScript/TypeScript/Angular

HTML5/CSS/JS with cordova

Xamarin

C#

So how do you grow as an individual?
Do you need a job for that?

Follow Tutorials & Build apps

Ask questions on StackOverflow. If you think you're good with a technology, answer on StackOverflow for questions related to that technology.

Start contributing to OpenSource

Growth Hacks

Find a mentor. Never be afraid to ask for help

Join communities and meetups. Interact with people having similar interests. Learn from them, teach what you already know.

Create a LinkedIn profile. Your LinkedIn should be your portfolio

Build apps, widgets, tools, and helper libraries etc. Push them on Github and publish to npm if necessary.

Use codepen.io to create example components/widgets

Building a portfolio

Add whatever you've created to your LinkedIn profile

If you've learnt something new, write an article about it or make a video tutorial. Again, add it to your portfolio

What's next?

Once you're comfortable with a technology, start doing Freelance.

Every review counts during your job. Pick a task/project that you're really confident about, with respect to your skills.

Always keep your LinkedIn up to date. Ask people for recommendations on LinkedIn with whom you've already worked in a role.

Follow people & channels of your interest on Twitter. Make sure you spend at least half an hour to keep yourself up to date with the trends in your interest.

Links

(Some JS related courses)

Questions?

Thank You !

Software Architect

Modus Create

Web Development 2018

By Ahsan Ayaz

Web Development 2018

  • 125
Loading comments...

More from Ahsan Ayaz