Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Become a Successful Web Developer in Web development Field in 2017

224 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Become a Successful Web Developer in Web development Field in 2017

  1. 1. WEB DEVELOPMENT IN 2017 https://youtube.com/perfectwebsolutions Become a Successful Web Developer - A Guide for Practical Approach
  2. 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. 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. 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. 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. 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. 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. 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. 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. 10. DATABASES (CHOOSE ONE)  Relational Databases • MySQL • PostgreSQL  NoSQL Databases • MongoDB • CouchDB Pick One To Focus On • PHP / MySQL • Node.js / MongoDB
  11. 11. SIDE TECHNOLOGIES TO LEARN  GIT Version Control & Github  SSH & Basic Command Line  CSS PreCompilers – Sass / Less  APIS / REST Services  HTTPS / SSL
  12. 12. DEPLOYING APPS  Dedicated Server / VPS  App Hosting – Heroku, Digital Ocean, AWS  Deploy Tools  Linux Command Line  Maintenance & Updates
  13. 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. 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. 15. CONTENT MANAGEMENT SYSTEMS (PHP)  Wordpress, Joomla, Drupal  Great for client work & maintenance  Thousands of plugins / addons  Fast development  Can be very limiting
  16. 16. MOBILE APP DEVELOPMENT  It’s the future  You don’t need to learn Java / Objective-C  Just JavaScript! - React Native, Ionic, Cordova
  17. 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. 18. THAT’S IT! To learn most of these technologies, visit http://youtube.com/perfectwebsolutions and check out Tutorials and SUBSCRIBE

×