Web Developer Track

This is a slide to show upcoming web learners what they have to know about living on the web . This slide is displayed at Ingressive Uniuyo meetup

Transcript

1. @Wizzy_dayo A Practical Technology Guide
2.  You SHOULD learn these first  The building blocks of the web  No alternatives  You must master both over time  Simple to learn
3.  Text Editor –Sublime Text / Atom.io / IDE(WebStorm)/VSCode  Image Editing – Photoshop, Illustrator, GIMP, Something else  FTP / SSH Tool – Filezilla, Putty  Good Browser – Chrome, Chrome or FireFox  Cloud Storage (Optional) – Dropbox, Google Drive, Box
4.  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.  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.  Build simple but professional websites  Build UIs for web applications  PSD to HTML/CSS Conversions  Work for a company or be a freelancer
7.  Front End HTML/CSS Frameworks (Bootstrap, Foundation…)  Server-Slide Language (PHP, Ruby, Python…)  JavaScript Frameworks (React, Angular, Ember, BackboneJs…)  Databases (MySQL, PostgressSQL, MongoDB, SQlite…)
8.  Twitter Bootstrap  Zurb Foundation  Skeleton  MUI  Pure  CSS Components • Buttons • Lists • Forms / Inputs  Helper Classes  Grid System  Responsive Layout  JavaScript Widgets
9.  PHP – Not that Awesome language but is rock solid  Node.js – New, exciting and powerful  Ruby on Rails – Great framework  Python – Easy to learn
10.  Relational Databases ◦ MySQL ◦ PostgreSQL  NoSQL Databases ◦ MongoDB ◦ CouchDB ◦ FireBase Pick One To Focus On • PHP / MySQL • Node.js / MongoDB
11.  GIT Version Control & Github  SSH & Basic Command Line  CSS PreCompilers – Sass / Less  APIS / REST Services  HTTPS / SSL
12.  Dedicated Server / VPS  App Hosting – Heroku, Digital Ocean, AWS  Deploy Tools  Linux Command Line  Maintenance & Updates
13.  Create simple to advanced web applications  Build Backend APIs  Work with servers  Admin Databases  Get a great job / Keep freelancing / Start a business
14.  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.  Wordpress, Joomla, Drupal  Great for client work & maintenance  Thousands of plugins / addons  Fast development  Can be very limiting
16.  It’s the future  You don’t need to learn Java / Objective-C  Just JavaScript! - React Native, Ionic, Cordova
17.  Focus on your career  Go back and learn another stack  Make money with what you have learnt  Keep up to date with new technologies  Learn a high level language (Java, C#)
18. THANK YOU @Wizzy_dayo @Wizzydayo @Wizzydayo