Learn to create advanced websites using, html, css, javascript, python, django, aws – Full stack front-end, back-end dev
What you will learn
Having enough knowledge to create ANY kind of websites and web applications.
Building over 20 small project for your portfolio, and ready to apply for junior developer jobs.
Creating one master project which includes, product system, user system, brands, categories, admin panel and …
Master front-end by using HTML, CSS, and Javascript.
Master back-end by using Python and Django.
Work as a freelancer web developer.
Able to use and work with AWS.
Master the latest, popular and most demanded programming skills.
Description
Mega Web Development Course: Full stack web application
By the end of this course, you will be able to create advanced websites and web applications that include:
- User system (user signup, user profile, user interactions, …)
- Product systems (product categories, brands, product pages, orders, sales, …)
- Showcases, blogs, and other kinds of webpages
- And much more.
This course is designed for all levels and starts from zero to advanced levels of programming for web development. Each topic has three chapters beginner, intermediate, and advanced.
The main topics this course focuses on are:
- HTML
- CSS
- Javascript
- Python
- Django
- AWS
- …
The best thing about this course is being project-based, meaning we are going to learn by doing, so inside the course, we have more than 50 practice projects, over 20 quizzes, and interactive coding exercises. So besides learning everything you need, to become a professional programmer, you will also build great real-world websites and web applications.
‘;
}});
I designed this course in a way so you can learn everything you need and avoid learning things that are not useable or became outdated. This feature will help you to complete this course in a shorter time while mastering all the skills available in the course.
This course requires no knowledge of programming, so if you are a complete beginner, I’ll be there every step of the way, taking you from programming fundamentals all the way to intermediate and advanced levels. Even if you just want to learn a specific programming topic in this course, you can start directly from that chapter.
If you really want to become a professional programmer and take your career to the next level, all you need to do is to join the program, and I will be waiting for you inside.
Mega Web Development Course: Full stack web application 2023 by Pouya Eti
Introduction
Introduction
How to use the course
Discord
Install requirements
Required docs
HTML – Beginner
HTML & the structure
HTML file structure
Text & coding resources
Lists
Link
Self closing tags
Image
HTML comments
Quiz for HTML Beginner
Practice – Create product card
Recap
Tip
CSS – Beginner
CSS & the structure
Basic properties
3 Types of CSS
Debugging
CSS Selector
Class vs id
CSS comments
Quiz for CSS Beginner
Practice – improve the page css
Recap
Tip
HTML – Intermediate
Video
Grouping tag
Semantic HTML
What is form
Form structure
Practice – Create complete signup form
Inputs
Quiz for HTML intermediate
CSS – Intermediate
Favicon
Box model
Centering with margin
Measuring units
Quiz of part 1
Practice – Style the signup form
Solution – Styling the signup form
Hover selectore
Display
Centering of Block or inline elements
Position
Flexbox
Flex container
Practice – Use Flex box to improve nav bar
Practice – Improve the intro
Practice – Improve product section and card
Flex item
Quiz of part 2
CSS – Advanced
Grid
Grid templates
Practice – Add a grid of product images
Boxshadow
Selecting selectors
Filters
Animation
Responsive
Quiz for CSS advance
Recap
JavaScript – Beginner
What is JS and what it does
3 types of JS writing
Variable
Var & const
Naming variables
Data types
Quiz – Basics of JS
Practice – Basics of JS
Number equality
Operators
Operators on strings
Comparators
Practice – Js operators
Quiz – Operators, equality, and comparators
If statement
Practice if statement
Function – Creating & calling
Practice – Calculate the daily battle
Onclick event
JavaScript – Intermediate
Random
If / else / else if
Function – Parameters & arguments
Function – Output
Practice – Build the multiply function of a calculator
Array
Updating an array
Remainder operator
Practice – Pomodoro
While loop
For loop
Practice – Find even numbers
JavaScript – DOM
What is DOM
Important JS placing note
Selecting HTML elements
Dom style
Add HTML element
Practice – Show product review on hover
Dom for classes
Dark mode – part 1
Dark mode – part 2
Event listener
JavaScript – Advanced
Higher order function
Calculator: HTML & CSS
Calculator code for HTML & CSS
Calculator solution: JavaScript
Calculator code for JS
Object
Practice – Object & form
Object method
Switch
Switch examples
How Much is True?
[Easy] Fix the bug
Python – Beginner
Setup Python
Printing
Variable and types
Quiz – Data types
Naming variables
Quiz – The correct name
Commenting in python
Variables and input
Practice – Name characters
Quiz – Comments and len
Data type and conversion (casting)
Quiz – Variable type conversion
Python operators
F-string
Practice – Break-even point
Conditional statement
Elif and nested conditions
Practice – Providing discount
Logical operators
Python – Intermediate
List
Organizing list data
Practice – List even numbers
Quiz – List
While loop
Practice – Continuous code
For loop
Practice – Odd and even numbers
Square list items
Random module
Practice – Password generator
String module
String Methods
Solution – Password generator
Python – Advance
Function
Practice – Profit margin
Tuple
Updating a tuple
Set
Dictionary
Classes
Class output and methods
Practice – order class
Python frameworks
Django – Beginner
Introduction to Django
Django installation
Creating Django project
Analyzing Django files
Django server
Django applications
URLs and Views
Setting up home page
Practice – Create a page for suits
Dynamic URLs
Render HTML file
Django-HTML
Passing variables to html
Django template filters
Template inheritance
Import MyShop HTML pages
Dynamic URL tags
Template snippets
Static files
Global static files
Practice – add all images and static files
Django – Intermediate
Database & model
Django model
Migration
Admin panel
Show models in admin
Practice – Creating profile model
Inserting data
Getting data
Updating models
Updating and deleting data
Field lookups
Filtering with and, or
Practice – Create product model
Practice – The 4 suits
Practice – Models in html
File upload
Serving media
Configure admin setting
Solution – limited ordered objects
Model admin options
Django – Advanced
Data relationship
One-to-many relation
Practice – add brand to Shirt
Cross model queries
One-to-one relation
Many-to-many relation
Creating categories
Same model relationship
Product page – Django side
Product page – html and css
Django forms intro
Dummy form
GET and POST request
CSRF
Receiving POST request
Django forms
Field error
Success message
Customizing the form field
Adding more fields
Storing data on database
Practice – show feedbacks
Styling the form
The form css style
Model forms
Updating existing objects
Class based views
Deployment to AWS
Deployment intro
Database
Web server
Host nad AWS
Collecting static files
Serving static files with django
Dependencies
Elastic beanstalk
EB CLI
IAM
Deployment
Serve static files with server
Static files on S3
File upload to S3
Database – PostgreSQL
Security group
