Mega Web Development Course: Full stack web application 2023

  • Post category:StudyBullet-13
  • Reading time:18 mins read


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.


Get Instant Notification of New Courses on our Telegram channel.


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

English
language

Content

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

Ending

Congratulation
Enroll for Free

💠 Follow this Video to Get Free Courses on Every Needed Topics! 💠

Tags: , , , , ,