A practical guide for web technologies. - Front end development - Back end development - Full stack - Data base - mobile development

1. WEB TECHNOLOGIES

2. TOOLS AND SOFTWARE
 Text Editor VSCode, Atom, Sublime
 Good Browser Chrome or Firefox
 Image Editing Photoshop, XD, Sketch

3. HTML CSS
 Learn before ANYTHING else
 Building blocks of the web
 Every website uses both
 Easy and quick to learn

4. JAVASCRIPT
Basic JS
Data types, functions, conditionals, loops, operators…
DOM manipulation and events
Fetch API

5. BASIC FRONT END DEVELOPER
Build simple websites and UIs
Convert (PSD , AI) => (HTML , CSS)
Dynamic UI with JavaScript

6. HTML / CSS FRAMEWORKS
Bootstrap Most popular
Materialize UI/UX framework
Bulma Easy to learn
Skeleton VERY light

7. JAVASCRIPT FRAMEWORK
React
Angular
Vue

8. REACT
2013 by Facebook
Library to build UI
Recommends the use of JSX
 Used by Facebook, Uber, Netflix, Twitter…

9. ANGULAR
•2009 AngularJS by Google
•2016 Angular2
•A framework
•Recommends the use of TypeScript
•Used by Google, Wix…

10. VUE
•2014 by Evan You (ex-engineer of Google)
•A framework
•HTML, CSS templates and JavaScript
•Used by Alibaba, GitLab…

11. GIT TOOLS
Git popular version control
NPM or Yarn install JS packages
Webpack or Parcel module bundling
Gulp or Grunt task runners

12. FRONT END WEB DEVELOPER
Build incredible Front-End application
Connect to back-end API
Work with team

13. BACK-END LANGUAGES
Node.js Fast, scalable and powerful
Python Popular, rapid development, great integration
PHP Practical, easy to deploy
Ruby Rapid development, strong community
C# Very powerful, Microsoft

14. BACK-END FRAMEWORKS
Node.js Express, Loopback, Koa
Python Flask, Django
PHP Laravel, Symfony, CodeIgniter
Ruby Ruby on Rails, Sinatra, Nitro
C# .NET

15. (CMS)
CONTENT MANAGEMENT SYSTEMS
PHP WordPress, Drupal
JS Ghost, keystone
Python Mezzazine
.NET piranha

16. DATABASE
Relational Database MySQL, PostgreSQL, MS SQL
NoSQL MongoDB
Cloud Firebase, AWS, Azure
Lightweight SQLite

17. FULL STACK DEVELOPER
Create simple to advanced web applications
Create secure REST APIs
Deploy & maintain applications
Administer databases

18. MOBILE DEVELOPMENT
android java, Kotlin
iOS Objective C, Swift
Cross Platform Ionic, React Native, Flutter, Native Script, Xamarin

19. MOBILE CROSS PLATFORM
React Native build native apps with React Js
Ionic Hybrid apps with HTML, CSS, JavaScript
Flutter Mobile SDK for Android and iOS

23. OTHER FIELDS
Desktop Apps Electron
Ai and Machin learning Python, Tensorflow.js, Brain.js
Blockchain Solidity, Mist

24. THANK YOU
samiralazazy
samirazazy
samirazazy
samirazazy
samirazazy