Learn the Techniques to become a successful Web Developer in web development Field

1. WEB DEVELOPMENT
IN 2017
https://youtube.com/perfectwebsolutions
Become a Successful Web Developer - A Guide for Practical Approach

2. HTML / CSS
 You MUST learn these first
 The building blocks of the web
 No alternatives
 You must master both over time
 Simple to learn

3. 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

4. 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

5. 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

6. 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

7. CHOOSE WHERE TO GO NEXT…
 Front End HTML/CSS Frameworks (Bootstrap,
Foundation…)
 Server-Slide Language (PHP, Ruby…)
 JavaScript Frameworks (React, Angular…)
 Databases (MySQL, PostgreSQL…)

8. 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

9. 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

10. DATABASES (CHOOSE ONE)
 Relational Databases
• MySQL
• PostgreSQL
 NoSQL Databases
• MongoDB
• CouchDB
Pick One To Focus On
• PHP / MySQL
• Node.js / MongoDB

11. SIDE TECHNOLOGIES TO LEARN
 GIT Version Control & Github
 SSH & Basic Command Line
 CSS PreCompilers – Sass / Less
 APIS / REST Services
 HTTPS / SSL

12. DEPLOYING APPS
 Dedicated Server / VPS
 App Hosting – Heroku, Digital Ocean, AWS
 Deploy Tools
 Linux Command Line
 Maintenance & Updates

13. 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

14. PROGRAMMING FRAMEWORKS
 JavaScript Frameworks
• React [Flux, Redux]
• Angular 2
• Vue.js
• Express (Backend)
 PHP Frameworks
• Laravel
• Codeigniter
• Symfony
 Ruby on Rails
MVC
MODEL-VIEW-CONTROLLER
Routing
Database Mapping
Helpers
Data Binding
Templating & UI

15. CONTENT MANAGEMENT SYSTEMS
(PHP)
 Wordpress, Joomla, Drupal
 Great for client work & maintenance
 Thousands of plugins / addons
 Fast development
 Can be very limiting

16. MOBILE APP DEVELOPMENT
 It’s the future
 You don’t need to learn Java / Objective-C
 Just JavaScript! - React Native, Ionic, Cordova

17. 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#)

18. THAT’S IT!
To learn most of these technologies, visit
http://youtube.com/perfectwebsolutions
and check out Tutorials and SUBSCRIBE