Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Become a Successful Web Developer in Web development Field in 2017

233 Aufrufe

Veröffentlicht am

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

Veröffentlicht in: Technologie
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

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

×