Web Developer Bootcamp with Flask and Python

BY
Udemy

To become a confident full-stack developer, learn to build dynamic websites using Flask, Python, HTML, CSS, and MongoDB.

Mode

Online

Fees

₹ 549 3099

Quick Facts

particular details
Medium of instructions English
Mode of learning Self study
Mode of Delivery Video and Text Based

Course overview

Web developer Bootcamp with Flask and Python online certification is developed by Jose Salvatierra - Founder of Teclado and Software Engineer, Teclado by Jose Salvatierra - Software Development For Everyone and offered by Udemy Inc., a US-based online learning platform to help beginners learn new skills and techniques and professionals to enhance their competencies to boost their careers.

Web developer Bootcamp with Flask and Python online course will help the learners to create and launch dynamic websites using Python, Flask, MongoDB, HTML, and CSS and use the most up-to-date and trendy technologies, such as Python 3.9, Flask, HTML 5, and CSS 3 to develop the skills required to become a full-stack web developer.

Web developer Bootcamp with Flask and Python online training focuses on providing learners with a strong HTML and CSS framework to make them completely self-sufficient and create whatever they want. With this course, candidates will learn to build a range of real projects that will put their skills to the test and expand their knowledge.

The highlights

  • Certificate of completion
  • Self-paced course
  • English videos with multi-language subtitles
  • 20 hours of pre-recorded video content
  • Online programme
  • 30-day money-back guarantee
  • Unlimited access
  • Accessible on mobile devices and TV

Program offerings

  • Certificate of completion
  • Self-paced course
  • English videos with multi-language subtitles
  • 30-day money-back guarantee
  • Unlimited access
  • 20 hours of pre-recorded video content
  • 15 articles
  • 16 downloadable resources
  • 5 coding exercises

Course and certificate fees

Fees information
₹ 549  ₹3,099
certificate availability

Yes

certificate providing authority

Udemy

What you will learn

Knowledge of python Knowledge of css

After completing the Web developer Bootcamp with Flask and Python certification course, learners will be able to develop web applications using python, flask, and web languages, design websites using Figma, store and retrieve data using MongoDB, implement user authentication on websites. Candidates will also learn to code in HTML and CSS and make their websites more dynamic using HTML semantic.

The syllabus

Welcome to this Course!

  • Welcome to the course!
  • Curriculum overview
  • Access the course e-book here!
  • How to install Python on your computer
  • How to install your IDE

A Full Python Refresher

  • Introduction to this section
  • Access the code for this section here
  • Variables in Python
  • String formatting in Python
  • Getting user input
  • Writing our first Python app
  • Lists, tuples and sets
  • set operations
  • Booleans in Python
  • If statements
  • The "in" keyword in Python
  • If statements with the "in" keyword
  • Loops in Python
  • List comprehensions in Python
  • Dictionaries
  • Destructuring variables
  • Functions in Python
  • Function arguments and parameters
  • Default parameter values
  • Functions returning values
  • Lambda functions in Python
  • Dictionary comprehensions
  • Unpacking arguments
  • Unpacking keyword arguments
  • Object-Oriented Programming in Python
  • Magic methods: __str__ and __repr__
  • @classmethod and @staticmethod
  • Class inheritance
  • Class composition
  • Type hinting in Python 3.5+
  • Imports in Python
  • Relative imports in Python
  • Errors in Python
  • Custom error classes
  • First-class functions
  • Simple decorators in Python
  • The 'at' syntax for decorators
  • Decorating functions with parameters
  • Decorators with parameters
  • Mutability in Python
  • Mutable default parameters (and why they're a bad idea)

Website Basics

  • How do websites and the internet work?
  • Front end vs. Back end development
  • Key web technologies: HTML, CSS, and JavaScript
  • The Browser Inspector: using the developer tools

Page structure with HTML

  • Elements: the basic components of HTML
  • A full example: HTML and CSS
  • Some of the most common HTML elements
  • What are HTML content categories?
  • Nesting elements in HTML
  • Starting our first HTML project
  • Which HTML elements can't be nested?
  • An overview of HTML container elements
  • A detailed look at HTML attributes
  • Adding images to our project
  • What is semantic HTML?
  • Document-level annotations in HTML
  • Completing our HTML project with document-level annotations
  • The best HTML resource: MDN

Page style with CSS

  • How to link a CSS file
  • Basic CSS selectors: targeting specific elements
  • How colours work: RGB, Hexadecimal, and HSL
  • Colours in CSS: text and background
  • Starting to write our project's CSS file
  • Inheritance in CSS
  • What properties can't be inherited?
  • The CSS Box Model
  • Overview of CSS units
  • Working with spacing in our project
  • Descendent selectors in CSS
  • What is specificity in CSS?
  • BEM: a simpler approach to CSS targeting

Project 1: Micro Blog (design+site)

  • Overview of this section's project
  • Access the finished code here
  • From our YouTube channel: How to start a new software project
  • Step 1: becoming a user
  • Step 2: populating the backlog
  • Step 3: wireframing or rough design
  • Step 4: pixel perfect design
  • Step 5: creating the page structure
  • Step 6: coding the page structure with HTML
  • What are SVGs?
  • How to include images in our HTML site
  • Finishing the header and navigation
  • HTML forms: sending data
  • HTML forms: working with textareas
  • Creating the footer with multiple columns
  • How to style the header and menu bar
  • Setting the font family in our project
  • How to style HTML forms and inputs
  • How to style the micro blog entries
  • How to style the page footer
  • A CSS reference for what we've used in this section

Backend Development with Flask

  • "Hello, world" with Flask
  • Using render_template to send longer HTML strings
  • What is Jinja2?
  • Jinja2 Expressions
  • Working with data structures in Jinja2
  • Conditional statements in Jinja2
  • Using loops in Jinja2
  • Setting up our Microblog project with Flask
  • Receiving form data using Flask
  • Displaying past entries in the Microblog project
  • Formatting dates correctly in our entries
  • Introduction to MongoDB
  • Accessing MongoDB with Compass and Atlas
  • Storing Microblog entries in MongoDB
  • Retrieving the Microblog entries from MongoDB
  • How to use Flask's app factory pattern

Deploying Flask Apps to Render.com

  • What is the requirements.txt file?
  • What do deployment services do for us?
  • Preparing our app for deployment
  • Deploy a Flask app to Render.com

Deploying Flask Apps to Heroku (LEGACY)

  • Heroku is no longer free - alternatives
  • What is the requirements.txt file?
  • What is Heroku?
  • The end result of this section: a fully deployed app
  • Access the finished code here
  • Getting our app ready for Heroku
  • Deploying our app to Heroku
  • Hiding the MongoDB connection details from our code

Jinja2 Mastery: Level I

  • Defining Jinja variables using the 'set' keyword
  • Jinja filters to call inline functions using the pipe operator
  • Jinja macros to improve reusability and remove duplication
  • Jinja inheritance using 'extends' and 'block'
  • How to use CSS style tags with inheritance
  • Handling CSS in larger apps with inheritance
  • Jinja tests using the 'is' keyword
  • The Jinja Environment and Rendering Context
  • Routing with Jinja using url_for in your templates

Project 2: Habit Tracker

  • Habit tracker project overview
  • Displaying and saving habits
  • Styling the habit tracker
  • Adding date navigation
  • Styling the date navigation
  • Completing habits
  • Adding Flask blueprints
  • Setting up MongoDB
  • Using MongoDB in the habit tracker
  • Introduction to Git and GitHub
  • Deploying our app to Heroku

Jinja Mastery: Level II

  • Jinja Includes with the include keyword
  • Whitespace control in Jinja
  • Jinja escaping and unescaping
  • The call block for Jinja macros

Project 3: Portfolio

  • Portfolio Project Overview
  • Making our Flask app for this project
  • The base template and nav bar
  • Adding an about page to our Flask app
  • Adding a contact page to our Flask app
  • Introduction to CSS Grid
  • Media queries with CSS for responsive development
  • Displaying projects in the homepage using CSS Grid
  • Creating the individual project pages
  • Error handling with Flask using app.errorhandler

Authentication in Flask apps

  • What are cookies? What are sessions?
  • Registering users in your Flask apps
  • Logging users in with Flask
  • Password hashing (or encryption) with passlib
  • Creating a 'login required' decorator

Project 4: Movie Watchlist

  • Project overview and CSS variables
  • Adding a nav bar
  • Adding a footer
  • Putting the page layout together
  • How to toggle dark mode in a Flask app
  • Create a form with WTForms
  • Render a WTForm in our template
  • Receive and validate data using WTForms
  • Displaying a table of all movies
  • Creating the movie details page
  • Setting movie ratings
  • Set the last watched date
  • Create a custom WTForm Widget
  • Editing movies and pre-populating a form
  • Add user signups to a Flask app
  • Add user logins to a Flask app
  • Personalize pages based on the logged in user
  • Add user logouts to a Flask app
  • Deploy our Flask app to Heroku
  • Concurrency in Heroku with gunicorn
  • Download the legacy course content here
  • Bonus lecture and conclusion

Instructors

Mr Jose Salvatierra
Software Engineer
Udemy

Articles

Popular Articles

Latest Articles

Trending Courses

Popular Courses

Popular Platforms

Learn more about the Courses

Download the Careers360 App on your Android phone

Regular exam updates, QnA, Predictors, College Applications & E-books now on your Mobile

Careers360 App
150M+ Students
30,000+ Colleges
500+ Exams
1500+ E-books