WEB DEVELOPMENTIN 2017

https://youtube.com/perfectwebsolutions

Become a Successful Web Developer - A Guide for Practical Approach

HTML / CSS

You MUST learn these first

The building blocks of the web

No alternatives

You must master both over time

Simple to learn

BASIC TOOLS

Text Editor – Notepad 2 / Sublime Text / Atom.io / IDE

Image Editing – Photoshop, Illustrator, GIMP, Something else

FTP / SSH Tool – Filezilla, Putty

Good Browser – Chrome, Chrome or Chrome

Cloud Storage (Optional) – Dropbox, Google Drive, Box

BASIC JAVASCRIPT

Basic JS (Forget Node.js and frameworks for now)

Data Types: String, Number, Arrays, Objects, etc

Functions, Conditionals, Loops, Operators, etc

Event Handling

JSON

jQuery - ONLY IF you feel really comfortable with JS

DEPLOYING A BASIC WEBSITE

Get a shared hosting account (Hostgator, InMotion, etc)

Learn Cpanel basics (Email, FTP Setup)

Upload your project via FTP

Register a domain name and link to your hosting

account

YOU ARE A WEB DESIGNER

Build simple but professional websites

Build UIs for web applications

PSD to HTML/CSS Conversions

Work for a company or be a freelancer

CHOOSE WHERE TO GO NEXT…

Front End HTML/CSS Frameworks (Bootstrap,

Foundation…)

Server-Slide Language (PHP, Ruby…)

JavaScript Frameworks (React, Angular…)

Databases (MySQL, PostgreSQL…)

FRONTEND HTML/CSS FRAMEWORKS (CHOOSE ONE)

Twitter Bootstrap

Zurb Foundation

Skeleton

MUI

Pure

CSS Components• Buttons• Lists• Forms / Inputs

Helper Classes Grid System Responsive Layout JavaScript Widgets

SERVER SIDE PROGRAMMING (CHOOSE ONE)

PHP – Not the best language but is rock solid

Node.js – New, exciting and powerful

Ruby on Rails – Great framework but has leveled off

Python – Easy to learn, not as popular

DATABASES (CHOOSE ONE)

Relational Databases• MySQL

• PostgreSQL

NoSQL Databases• MongoDB

• CouchDB

Pick One To Focus On

• PHP / MySQL

• Node.js / MongoDB

SIDE TECHNOLOGIES TO LEARN

GIT Version Control & Github

SSH & Basic Command Line

CSS PreCompilers – Sass / Less

APIS / REST Services

HTTPS / SSL

DEPLOYING APPS

Dedicated Server / VPS

App Hosting – Heroku, Digital Ocean, AWS

Deploy Tools

Linux Command Line

Maintenance & Updates

YOU ARE NOW A WEB DEVELOPER

Create simple to advanced web applications

Build Backend APIs

Work with servers

Admin Databases

Get a great job / Keep freelancing / Start a business

PROGRAMMING FRAMEWORKS

JavaScript Frameworks• React [Flux, Redux]

• Angular 2

• Vue.js

• Express (Backend)

PHP Frameworks• Laravel

• Codeigniter

• Symfony

Ruby on Rails

MVCMODEL-VIEW-CONTROLLER

RoutingDatabase MappingHelpersData BindingTemplating & UI

CONTENT MANAGEMENT SYSTEMS (PHP)

Wordpress, Joomla, Drupal

Great for client work & maintenance

Thousands of plugins / addons

Fast development

Can be very limiting

MOBILE APP DEVELOPMENT

It’s the future

You don’t need to learn Java / Objective-C

Just JavaScript! - React Native, Ionic, Cordova

NOW WHAT?

Focus on your career

Go back and learn another stack

Keep up to date with new technologies

Learn a high level language (Java, C#)

THAT’S IT!

To learn most of these technologies, visit

http://youtube.com/perfectwebsolutions

and check out Tutorials and SUBSCRIBE