Web Development

in 2017
Practical Technology Guide

traversymedia.com
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 webistes

 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  CSS Components

• Buttons
 Zurb Foundation • Lists
• Forms / Inputs
 Skeleton
 Helper Classes
 MUI  Grid System
 Responsive Layout
 Pure  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 Pick One To Focus On
• PHP / MySQL
 NoSQL Databases • Node.js / MongoDB
• MongoDB
• CouchDB
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
MVC
• Vue.js MODEL-VIEW-CONTROLLER
• Express (Backend)
Routing
Database Mapping
 PHP Frameworks Helpers
• Laravel Data Binding
• Codeigniter Templating & UI
• Symfony

 Ruby on Rails
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 TraversyMedia.com and

check out my courses by Eduonix and SUBSCRIBE