CF

Web Developer Bootcamp with Flask and Python in 2022

19h 57m 43s
English
Free

Web Developer Bootcamp with Flask and Python in 2022 is a 171-lesson 19 hours 57 minutes self-paced course by Udemy. Welcome to the Web Developer Bootcamp with Flask and Python !

Course facts

Lessons
171
Duration
19 hours 57 minutes
Level
All levels
Language
English
Updated
Instructor
Udemy
Price
Free

Welcome to the Web Developer Bootcamp with Flask and Python! This course is designed to teach you how to build and deploy dynamic websites using Python, Flask, MongoDB, HTML, and CSS. If you're looking to share your projects online and aspire to become a full-stack web developer, you're in the right place. You'll learn the latest and most popular technologies, including Python 3.10, Flask, HTML 5, and CSS 3. Note that we will not cover jQuery or Bootstrap, as those technologies are considered outdated.

Course Highlights

This course aims to provide a strong foundation in HTML and CSS, empowering you to become truly independent and capable of building anything you envision. You'll develop real-world projects that challenge your skills and enhance your understanding. By the end, you'll be adept at designing and coding any feature on any website.

Benefits of the Course

  • Comprehensive content developed with hundreds of hours of planning, recording, and editing
  • Lifetime access to course materials
  • Exceptional support with responses to numerous daily queries

Why Choose Flask?

Flask is a lightweight and straightforward microframework for web development in Python. It's easy to get started with, yet powerful as you delve deeper. Flask offers essential tools for building websites, including app organization, user authentication helpers, and a vast range of plugins and extensions.

What You'll Learn

The course covers the following key areas:

  • A robust foundation in HTML 5 and CSS 3
  • Effective software project planning for successful outcomes
  • Website design using Figma and similar tools
  • Professional coding with semantic HTML
  • Building backend applications with Flask and Python
  • Creating dynamic HTML websites with Flask and Jinja2
  • Advanced CSS skills including flexbox, grid, and animations
  • Data storage and retrieval using MongoDB on the cloud
  • Web application deployment options (both free and paid)
  • User authentication on Flask and Python sites
  • Learning to code like a professional software developer from an expert

JavaScript: To Learn or Not?

The course doesn't delve deeply into JavaScript because you can achieve most functionalities with HTML, CSS, and a Flask/Python backend. While learning JavaScript can add extra features later, initially learning both JavaScript and Python simultaneously may complicate the learning process.

Getting Started

If you have prior programming experience with Python or another language, you're ready to begin this course. Additionally, a comprehensive Python Refresher section is provided to bring you up to speed if needed.

Who teaches Web Developer Bootcamp with Flask and Python in 2022? Udemy

Udemy thumbnail

Udemy is the largest open marketplace for online courses on the internet. Founded in 2010 by Eren Bali, Oktay Caglar, and Gagan Biyani and headquartered in San Francisco, the company went public on the Nasdaq in 2021 under the ticker UDMY. The platform hosts well over two hundred thousand courses across software development, IT and cloud, data science, design, business, marketing, and creative skills, taught by tens of thousands of independent instructors. Roughly seventy million learners use it worldwide, and the corporate arm — Udemy Business — supplies a curated subset of that catalog to enterprise customers.

Because Udemy is a marketplace rather than a single editorial publisher, the catalog is uneven by design. The strongest material lives in the long-form, project-based courses authored by working engineers — full-stack JavaScript, React, Node.js, Python data science, AWS, Docker and Kubernetes, mobile development with Flutter and React Native, and cloud certification preparation. The CourseFlix listing under this source is the slice of that catalog that has been mirrored here for offline-friendly viewing, organized by topic and updated as new releases land. Pricing on Udemy itself swings dramatically with the site's near-permanent sales, which is why the platform is best treated as a deep reference catalog: pick instructors with strong reviews and a track record of updating their material rather than buying on the headline price alone.

What lessons are included in Web Developer Bootcamp with Flask and Python in 2022?

  • Space or K: play or pause
  • J: rewind 10 seconds
  • L: forward 10 seconds
  • Left Arrow: rewind 5 seconds
  • Right Arrow: forward 5 seconds
  • Up Arrow: volume up
  • Down Arrow: volume down
  • M: mute or unmute
  • F: toggle fullscreen
  • T: toggle theater mode
  • I: toggle mini player
  • 0 to 9: seek to 0 to 90 percent of the video
  • Shift plus N: next video
  • Shift plus P: previous video
0:00 0:00
#Lesson TitleDuration
1Welcome to the course! 03:27
2Curriculum overview 02:05
3Introduction to this section 01:02
4Variables in Python 08:27
5String formatting in Python 06:27
6Getting user input 05:17
7Writing our first Python app 03:20
8Lists, tuples and sets 06:32
9Advanced set operations 04:40
10Booleans in Python 05:01
11If statements 08:18
12The "in" keyword in Python 02:03
13If statements with the "in" keyword 08:19
14Loops in Python 11:08
15List comprehensions in Python 07:25
16Dictionaries 08:32
17Destructuring variables 08:29
18Functions in Python 10:42
19Function arguments and parameters 07:41
20Default parameter values 03:55
21Functions returning values 07:20
22Lambda functions in Python 07:53
23Dictionary comprehensions 04:02
24Unpacking arguments 10:25
25Unpacking keyword arguments 08:45
26Object-Oriented Programming in Python 15:53
27Magic methods: __str__ and __repr__ 06:26
28@classmethod and @staticmethod 14:04
29Class inheritance 08:33
30Class composition 06:09
31Type hinting in Python 3.5+ 05:09
32Imports in Python 09:34
33Relative imports in Python 08:54
34Errors in Python 12:48
35Custom error classes 05:05
36First-class functions 07:53
37Simple decorators in Python 07:13
38The 'at' syntax for decorators 03:34
39Decorating functions with parameters 02:25
40Decorators with parameters 04:51
41Mutability in Python 06:04
42Mutable default parameters (and why they're a bad idea) 04:28
43How do websites and the internet work? 04:51
44Front end vs. Back end development 02:16
45Key web technologies: HTML, CSS, and JavaScript 02:59
46The Browser Inspector: using the developer tools 06:27
47Elements: the basic components of HTML 03:08
48A full example: HTML and CSS 10:53
49Some of the most common HTML elements 05:20
50What are HTML content categories? 05:29
51Nesting elements in HTML 05:50
52Starting our first HTML project 03:57
53Which HTML elements can't be nested? 02:14
54An overview of HTML container elements 06:15
55A detailed look at HTML attributes 06:09
56Adding images to our project 04:47
57What is semantic HTML? 05:40
58Document-level annotations in HTML 05:51
59Completing our HTML project with document-level annotations 03:06
60The best HTML resource: MDN 02:05
61How to link a CSS file 04:45
62Basic CSS selectors: targeting specific elements 08:13
63How colours work: RGB, Hexadecimal, and HSL 05:54
64Colours in CSS: text and background 06:40
65Starting to write our project's CSS file 06:13
66Inheritance in CSS 05:44
67What properties can't be inherited? 06:40
68The CSS Box Model 05:27
69Overview of CSS units 03:46
70Working with spacing in our project 04:55
71Descendent selectors in CSS 07:11
72What is specificity in CSS? 07:37
73BEM: a simpler approach to CSS targeting 14:43
74Overview of this section's project 03:30
75From our YouTube channel: How to start a new software project 11:56
76Step 1: becoming a user 05:51
77Step 2: populating the backlog 05:56
78Step 3: wireframing or rough design 02:07
79Step 4: pixel perfect design 18:00
80Step 5: creating the page structure 05:03
81Step 6: coding the page structure with HTML 04:44
82What are SVGs? 03:01
83How to include images in our HTML site 03:07
84Finishing the header and navigation 03:42
85HTML forms: sending data 05:41
86HTML forms: working with textareas 03:12
87Creating the footer with multiple columns 03:34
88How to style the header and menu bar 10:54
89Setting the font family in our project 00:40
90How to style HTML forms and inputs 07:55
91How to style the micro blog entries 03:33
92How to style the page footer 06:38
93"Hello, world" with Flask 08:01
94Using render_template to send longer HTML strings 04:36
95What is Jinja2? 05:37
96Jinja2 Expressions 08:21
97Working with data structures in Jinja2 06:38
98Conditional statements in Jinja2 05:24
99Using loops in Jinja2 06:09
100Setting up our Microblog project with Flask 06:41
101Receiving form data using Flask 06:27
102Displaying past entries in the Microblog project 04:36
103Formatting dates correctly in our entries 03:08
104Introduction to MongoDB 06:49
105Accessing MongoDB with Compass and Atlas 09:14
106Storing Microblog entries in MongoDB 06:35
107Retrieving the Microblog entries from MongoDB 03:08
108How to use Flask's app factory pattern 02:49
109What is the requirements.txt file? 03:52
110What is Heroku? 09:56
111The end result of this section: a fully deployed app 01:27
112Getting our app ready for Heroku 04:59
113Deploying our app to Heroku 09:37
114Hiding the MongoDB connection details from our code 09:37
115Defining Jinja variables using the 'set' keyword 04:13
116Jinja filters to call inline functions using the pipe operator 02:53
117Jinja macros to improve reusability and remove duplication 07:32
118Jinja inheritance using 'extends' and 'block' 07:05
119How to use CSS style tags with inheritance 05:49
120Handling CSS in larger apps with inheritance 05:26
121Jinja tests using the 'is' keyword 06:45
122The Jinja Environment and Rendering Context 05:52
123Routing with Jinja using url_for in your templates 07:40
124Habit tracker project overview 01:53
125Displaying and saving habits 14:00
126Styling the habit tracker 11:24
127Adding date navigation 14:05
128Styling the date navigation 07:20
129Completing habits 15:30
130Adding Flask blueprints 07:25
131Using MongoDB in the habit tracker 16:19
132Deploying our app to Heroku 08:07
133Jinja Includes with the include keyword 13:37
134Whitespace control in Jinja 04:30
135Jinja escaping and unescaping 03:00
136The call block for Jinja macros 05:16
137Portfolio Project Overview 02:00
138Making our Flask app for this project 05:14
139The base template and nav bar 08:01
140Adding an about page to our Flask app 03:17
141Adding a contact page to our Flask app 07:19
142Introduction to CSS Grid 12:44
143Media queries with CSS for responsive development 04:34
144Displaying projects in the homepage using CSS Grid 22:10
145Creating the individual project pages 19:39
146Error handling with Flask using app.errorhandler 04:14
147What are cookies? What are sessions? 08:39
148Registering users in your Flask apps 11:28
149Logging users in with Flask 07:42
150Password hashing (or encryption) with passlib 09:18
151Creating a 'login required' decorator 07:05
152Project overview and CSS variables 15:18
153Adding a nav bar 15:22
154Adding a footer 01:05
155Putting the page layout together 02:57
156How to toggle dark mode in a Flask app 09:54
157Create a form with WTForms 07:04
158Render a WTForm in our template 18:29
159Receive and validate data using WTForms 14:00
160Displaying a table of all movies 11:17
161Creating the movie details page 10:07
162Setting movie ratings 12:34
163Set the last watched date 03:23
164Create a custom WTForm Widget 07:05
165Editing movies and pre-populating a form 07:24
166Add user signups to a Flask app 09:47
167Add user logins to a Flask app 09:43
168Personalize pages based on the logged in user 08:12
169Add user logouts to a Flask app 02:24
170Deploy our Flask app to Heroku 08:54
171Concurrency in Heroku with gunicorn 05:31

What courses are similar to Web Developer Bootcamp with Flask and Python in 2022?

More courses by Udemy

Frequently asked questions

What prerequisites are necessary before starting this course?
This course does not require prior experience in web development, but a basic understanding of programming concepts would be beneficial. Early lessons cover foundational topics such as variables, string formatting, and functions in Python, which can help beginners get up to speed.
What projects will I build during the course?
Throughout the course, you will work on real-world projects that involve building and deploying dynamic websites using technologies such as Flask, Python, MongoDB, HTML, and CSS. These projects are designed to challenge your skills and help you apply what you learn in practical scenarios.
Who is this course intended for?
The course is ideal for aspiring full-stack web developers who want to learn how to build and deploy websites using modern technologies. It is also suitable for those looking to share their projects online and become independent in their web development capabilities.
Does this course cover jQuery or Bootstrap?
No, the course does not cover jQuery or Bootstrap, as these technologies are considered outdated. Instead, the focus is on more current technologies like Flask, Python 3.10, HTML 5, and CSS 3.
How much time should I expect to commit to this course?
The course consists of 171 lessons, each carefully developed and structured. While the total runtime is not specified, students should anticipate dedicating several hours per week to complete the lessons, projects, and exercises at a comfortable pace.
What tools and technologies will I learn to use?
You will learn to use Python 3.10 for backend development, Flask as a microframework for web applications, MongoDB for database management, and HTML and CSS for front-end development. These tools are essential for building and deploying dynamic websites.
What aspects of web development are not covered in this course?
This course does not cover outdated technologies such as jQuery and Bootstrap. It also does not focus on JavaScript beyond a basic introduction, as the primary emphasis is on Python, Flask, HTML, CSS, and MongoDB for full-stack web development.