web development full stack

1. 1
Full Stack Web
Development
Nilkanth Shet Shirodkar

2. 3
Tools & Software
✔ Text Editor
✔ Good Browser
✔ Image Editing
✔ Deployment Tools
✔ Cloud Storage Optional
VSCode, Atom, Sublime Text
Chrome or Firefox
Photoshop, GIMP, etc
FTP client, SSH tool
Dropbox, Google Drive, etc

3. 4
HTML / CSS
✔ Learn before ANYTHING else
✔ Building blocks of the web
✔ Every website uses both
✔ Easy & quick to learn
✔ Learn the core fundamentals & basics of Flex and/or Grid
✔ Responsive layouts are VERY important

4. 5
Basic Vanilla JavaScript
✔ Basic JS [NO FRAMEWORKS!]
✔ Data types, functions, conditionals, loops, operators, etc
✔ DOM manipulation & events [NO JQUERY!]
✔ Ajax / Fetch API / JSON
✔ ES2015+ (Arrow functions, promises, template strings)

5. 6
Deploying a Basic Website
✔ Shared hosting [InMotion, Hostgator, etc]
✔ Learn the basics of cPanel [Creating email accounts,
FTP, etc]
✔ Upload a site with FTP [FileZilla]
✔ Register a domain name and learn about DNS / Name
Servers

6. 7
Web Designer / Basic Front End Dev
✔ Build simple websites & UIs
✔ PSD / AI -> HTML / CSS
✔ Some dynamic UI with JavaScript

7. 8
Where To Next? [Depends]
✔ HTML / CSS Frameworks
✔ Frontend JavaScript Framework
✔ Server Side Language /
Technology
✔ Database
Bootstrap, Materialize, etc
React, Angular, etc
Node.js, Python, etc
MongoDB, MySQL, etc

8. 9
HTML / CSS Frameworks [Choose One]
✔ Twitter Bootstrap
4
✔ Materialize CSS
General framework, most popular
Primarily a UI/UX framework

9. 10
Front End JS Framework [Choose One]
✔ React
✔ Angular
✔ Vue.js
Popular for startups, fast, Redux, JSX
Popular in enterprise, full featured, NgRx
Fast, light, easy to use, Vuex

10. 1
1
Side Technologies You Should Learn
✔ GIT
✔ Basic Command Line
✔ APIS / REST
✔ HTTP / SSL
✔ CSS Pre-Processor
✔ Webpack & Babel
Version control
Folder navigation, file creation, etc
Learn how REST APIs work
HTTP requests, HTTPS
Sass or Less
Module loader & JS compiler

11. 12
Server Side Technology [Choose One]
✔ Node.js
✔ Python
✔ PHP
✔ Ruby
✔ C# &
ASP.NET
Fast, scalable and powerful
Popular, rapid development, great integration
Practical, easy to deploy – Wordpress &
Laravel Rapid development, strong community
Very powerful, Microsoft

12. 13
Database [Choose One]
✔ MongoDB
✔ MySQL
✔ PostgreSQL
✔ SQL Server
✔ Oracle
✔ Firebase
NoSQL, non-relational, suggested for Node.js
Popular relational database
Powerful but a bit more difficult than MySQL
Microsoft’s implementation of SQL
Heavily used in enterprise
Cloud database maintained by Google

13. 14
Server Side Frameworks [Choose One]
✔ JavaScript
✔ Python
✔ PHP
✔ Ruby
✔ C#
Express, Hapi.js, Adonis, Loopback,
Swagger Django, Flask, Web2py, Pylons
Laravel, Symfony, CodeIgniter,
Yii2 Ruby on Rails, Sinatra, Nitro
.NET

14. 15
Content Management Systems
✔ Wordpress, Drupal, Joomla [PHP]
✔ Great for clients
✔ Thousands of plugins / addons
✔ Fast development
✔ Can be limiting

15. 16
Dev Ops & Deploying Applications
✔ Dedicated Server / VPS
✔ Cloud Hosting – Digital Ocean, Heroku, Amazon Web
Services
✔ Cloud Storage – Amazon S3
✔ Working with SSH & command line
✔ Server maintenance & software updates

16. 17
Mobile Applications [Choose One]
✔ React Native
✔ NativeScript
✔ Ionic
✔ PhoneGap / Cordova
✔ Xamarin

17. 18
Full Stack Developer!
✔ Create simple to advanced web applications [Front & Back end]
✔ Create secure REST APIs
✔ Deploy & maintain applications
✔ Administer databases