Full-Stack Web Development, is the most popular developer occupation today. It’s no wonder then that there are dozens of online and in-person programs that will help people become Full-Stack Developers and then even assist these new developers land high-paying programming jobs.
Objectives of this course:
Upon completing this course, students will:
- Learn how to use HTML to create website content.
- Use CSS to create beautifully styled sites.
- Learn how to take advantage of Bootstrap to quickly style sites.
- Be familiarized with Javascript framework.
- Use Django as a backend for the websites.
- Implement a basic Models-Views-Templates structure for your site.
- Learn What is/Why Django Rest Framework (DRF).
- Create APIs using DRF.
- Learn advanced concept of DRF.
- Concept of New Age GraphQL.
- Building flexible APIs using GraphQL.
- Integrating DRF with GraphQL.
- Be familiarized with latest trends in React.
- Understand what problem React addresses.
- Understand project structuring and configuration.
- Configure form validation.
- Learn best practices of using React.
- Learn advanced concepts.
Prerequisites for this course:
It is preferable to have basic knowledge of HTML, CSS and Javascript although not complusory since the course starts with basics. Having a basic experience of building a website and working with API is a plus.
Course Content:
- Course Introduction
- Front End Introduction : What is web?
- HTML Basic
- Introduction to HTML
- Introduction to HTML Tags
- Divs, Spans and Paragraphs
- Images and Videos
- Lists
- Attributes
- Assignment -I
- HTML Advanced
- Tables
- Forms
- iFrames
- HTML5 Concepts
- Assignment -II
- CSS Basic
- Introduction to CSS
- Basic Styling
- Assignment-III
- CSS Advanced
- Advanced Styling
- Flexbox Layout
- Assignment -IV
- Bootstrap
- Introduction
- Basic Bootstrap Classes
- Forms
- Navbars
- Grids
- Assignment -V
- Javascript I
- Introduction
- Basics of JS
- Operators
- Control Flow
- Loops
- Assignment -VI
- Javascript II
- Functions
- Arrays
- Classes and Objects
- Event Handling
- Ajax
- Assignment - VII
- Document Object Model (DOM)
- Introduction
- DOM manipulation
- Assignment - VIII
- Backend Introduction
- Python I
- Introduction
- Python Installation and setup
- Numbers and Strings
- List and Dictionaries
- Tuples, Sets and Boolean
- Comparison and Operators
- Python Statements (If, For, While, etc)
- Methods and Functions
- Python II
- Object Oriented Programming
- Errors and Exceptions
- Modules and Packages
- Decorators
- Name and main
- Django Basics
- Django overview and Setup
- Django apps and projects
- Installing Django packages
- Project Structure
- Model and ORM
- Forms and Model Forms
- Form Validations
- Views
- Templates
- URL Mappings
- Static files and Media Files
- Django User Registration System
- Built in Users
- Customize User Model
- Email Confirmation
- Social Login with Facebook and Google
- Database
- Design
- SQL raw query
- Django ORM query
- Advanced Django
- Class Based Views (CRUD, Mixins, Permissions)
- Middleware
- Custom template tags
- Custom Decorators
- Django Debug Toolbar
- Custom Model Manager
- Customizing the django admin
- Django message framework
- Django contenttype framework
- Model Inheritance: Abstract Models, Multi-table model inheritance and Proxy models
- Django Rest Framework
- Overview
- Components
- Serializers
- Serializer validation
- Request and Response
- Views
- Urls
- DRF (Advance)
- Model Serializer
- Class Based Views
- Viewsets
- Router
- Authentication
- Permission
- Web Optimization
- Query Optimization
- Database Optimization
- Frontend Optimization
- Backend caching
- Frontend Caching
- Django GraphQL API
- Integrating DRF with GraphQL
- Introduction to React
- Current Scenario of React
- Environment Setup
- Overview of React
- Introducing JSX, Hello World!
- Overview of ES6
- Understanding React by building a Contact Directory Application [Project I]
- Project Setup
- React Components and Props
- State and Life cycle methods
- Event handling
- Handling Ajax Requests
- State Management by building a Todo Application [Project II]
- Introduction to Redux
- Structuring Project
- Reducers
- Connecting Redux to React
- Actions and Action Creators
- Middle-wares
- Navigation in React by building a Blog Application [Project III]
- Project Setup
- React Router Setup
- Form validation in Blog Application with formik
- Getting values in and out of form state
- Validation and error messages
- Handling Form Submission
- Testing in React
- Setting up Project for test
- Unit testing
- Advanced concepts
- Code Splitting
- Context
- Refs
- Higher Order Components
- Integrating other libraries
- GraphQL in React
- React-Apollo store Setup
- Query
- Mutation
- Understanding React Hooks by building a Slideshow Application [Project IV]
- Introduction to Hooks
- Using the State Hook
- Using the Effect Hook
- Conclusion and What's Next?