Fullstack web development for beginners

Fullstack web development for beginners

The objective of this course is to make a learner a complete and independent web developer. IN pursuit of reaching the aforementioned goal, the learner will go through various transit learning phases that will make him / her a designer, programmer, network admin and more.

The journey will achieve multiple goals and empower the learner with an array of skills that will instill both flexibility and a great deal of highly demanded skills. Since fullstack developers have to endure the complete process of design, develop and deploy, each step encompasses a modular skill set that will give the learner added qualifications.

Learning Outcome

Each Learner has a different learning curve and not everyone will emerge with the same skills or knowledge. That being said, with proper attendance, attention and attitude, the learner may be expected to have the following outcome after this course.

• HTML5
• CSS
• Basic Photoshop
• Javascript
• Python
• Django Framework
• Vue.js
• Server remoting
• Deployment

Prerequisites

• Personal Computer / Laptop with at least 4GB of RAM and 20 GB of storage
• Internet connection with at least 1 MBPS connection
• Webcam and microphone
• Full access to the internet
• Browser
• Full Programs / Applications Installation Permission on training PC / Laptop
• Basic understanding of how filing systems work in their respective OS
• Basic ability to browse, download, upload and use the internet

Course Outline

This is a 10-day course that is designed to take the learner from the ground-up.

1. HTML
   1. Introduction
   2. Editors
   3. Basic
   4. Elements
   5. Attributes
   6. Headings
   7. Paragraphs
   8. Styles
   9. Formatting
   10. Quotations
   11. Comments
   12. Colors
   13. CSS
   14. Links
   15. Images
   16. Favicon
   17. Tables
   18. Lists
   19. Block & Inline
   20. Classes
   21. Id
   22. Iframes
   23. JavaScript
   24. File Paths
   25. Head
   26. Layout
   27. Responsive
   28. Style Guide
   29. Entities
   30. Symbols
   31. Emojis
   32. Charset
   33. URL Encode
   34. Forms
   35. Form Attributes
   36. Form Elements
   37. Input Types
   38. Input Attributes
   39. Input Form Attributes
   40. Graphics
   41. Canvas
   42. SVG
2. CSS
   1. Introduction
   2. Syntax
   3. Selectors
   4. How To
   5. Comments
   6. Colors
   7. Backgrounds
   8. Borders
   9. Margins
   10. Padding
   11. Height/Width
   12. Box Model
   13. Outline
   14. Text
   15. Fonts
   16. Icons
   17. Links
   18. Lists
   19. Tables
   20. Display
   21. Max-width
   22. Position
   23. Z-index
   24. Overflow
   25. Float
   26. Inline-block
   27. Align
   28. Combinators
   29. Pseudo-class
   30. Pseudo-element
   31. Opacity
   32. Navigation Bar
   33. Dropdowns
   34. Image Gallery
   35. Image Sprites
   36. Attr Selectors
   37. Forms
   38. Counters
   39. Website Layout
   40. Units
   41. Specificity
   42. !important
   43. Math Functions
3. Python
   1. Python Intro
   2. Python Get Started
   3. Python Syntax
   4. Python Comments
   5. Python Variables
   6. Python Data Types
   7. Python Numbers
   8. Python Casting
   9. Python Strings
   10. Python Booleans
   11. Python Operators
   12. Python Lists
   13. Python Tuples
   14. Python Sets
   15. Python Dictionaries
   16. Python If...Else
   17. Python While Loops
   18. Python For Loops
   19. Python Functions
   20. Python Lambda
   21. Python Arrays
   22. Python Classes/Objects
   23. Python Inheritance
   24. Python Iterators
   25. Python Scope
   26. Python Modules
   27. Python Dates
   28. Python Math
   29. Python JSON
   30. Python RegEx
   31. Python PIP
   32. Python Try...Except
   33. Python User Input
   34. Python String Formatting
   35. File Handling
   36. Python File Handling
   37. Python Read Files
   38. Python Write/Create Files
   39. Python Delete Files
4. Django
   1. Basics
   2. Overview
   3. Environment
   4. Creating a Project
   5. Apps Life Cycle
   6. Admin Interface
   7. Creating Views
   8. URL Mapping
   9. Template System
   10. Models
   11. Page Redirection
   12. Sending E-mails
   13. Generic Views
   14. Form Processing
   15. File Uploading
   16. Apache Setup
   17. Cookies Handling
   18. Sessions
   19. Caching
   20. Comments
   21. Rest API
       1. Models
       2. Serializers
       3. Write Only Fields
       4. Hashing Passwords
       5. Login
       6. Generate JWT Token
       7. Getting the Authenticated User
       8. Logout
       9. Foreign Keys
       10. Fixtures
       11. Getting Permissions
       12. ViewSets
       13. Roles
       14. Related Fields
       15. Completing Orders
       16. Generic Views
       17. Pagination
       18. Update Request Data
       19. Profile
       20. User Permissions
       21. Routes
       22. Uploading Images
       23. Serializer Method Fields
       24. Export CSV
       25. Raw SQL Queries
       26. View Permissions
5. Vue.JS
   1. Installation
   2. Template
   3. Router
   4. Form Submit
   5. Register
   6. Login
   7. Child Routes
   8. Logout
   9. Component Props
   10. Users
   11. Router Link Active
   12. Pagination
   13. Deleting Users
   14. Classes and Interfaces
   15. Creating Users
   16. Updating Users
   17. Roles
   18. Creating Roles
   19. Updating Roles
   20. Paginator Component
   21. Uploading Images
   22. Image Component
   23. Export CSV files
   24. Chart
   25. Profile
   26. Vuex
   27. Dispatch Events with Vuex
   28. Vuex Modules
   29. Typescript Getters
   30. Permissions
6. Deployment
   1. Domain
   2. Gunicorn
   3. Nginx
   4. SSL
   5. AAAA Name
   6. A Name