Web technologies practical guide
5 likes1,780 views
The document outlines essential tools and technologies for web development, covering text editors, browsers, image editing software, and foundational languages such as HTML, CSS, and JavaScript. It discusses front-end frameworks like React, Angular, and Vue, as well as back-end languages and frameworks including Node.js, Python, and PHP. Additionally, it touches on mobile development, database options, and other relevant fields such as AI and blockchain.
Web technologies practical guide
- 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
- 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