Web Developer Bootcamp with Flask and Python in 2024

Learn string formatting in python 3.6+ using f-strings to embed variables and the format method for reusable templates. See how dynamic values update in greetings with placeholders.

Learn to unpack keyword arguments with **kwargs and unpack dictionaries into named parameters, and pass them in Python functions using args and kwargs to create flexible call signatures.

Learn type hinting in Python 3.5+ to specify input and return types, with examples using list, tuple, and class Book. It helps you catch mistakes by signaling expected types.

Create a simple book class with init, type hints, and a repr method. Introduce a custom error 'too many pages read error' inheriting from value error to raise when overreads.

Learn how to decorate functions with parameters using a secure decorator, handle panels such as admin or billing, and pass arbitrary arguments with *args and **kwargs to keep decorators reusable.

Discover why mutable default parameters cause shared state in Python, shown via a student example, and fix it by using None and creating a new list inside the init.

Explore how the internet resolves domain names to IP addresses, then uses HTTP GET requests to load HTML, style sheets, images, and cookies from servers.

Compare front-end and back-end development, exploring client-side HTML, CSS, and JavaScript, browser compatibility, and how Python with Flask powers backend data storage and dynamic content.

Learn HTML basics by understanding elements, tags, and attributes, including void elements, nesting, and the role of class and ID for page structure.

Learn how HTML content categories organize web pages, including flow content, sectioning, heading content, and phrasing content, and how article, section, and nav group elements.

Learn how to nest HTML elements by placing other elements inside a container such as an article, and use headings and paragraphs to structure self-contained content.

Identify which HTML elements cannot be nested, and use MDN to verify permitted content, including phrasing content for a and select with option and option group.

Explore HTML attributes with a focus on class and id, their uses for CSS styling and JavaScript targeting, including how to apply multiple classes and the uniqueness of IDs.

Learn to add document level annotations to HTML to set the page title, declare UTF-8 and viewport meta tags, and link a CSS file like style.css to style the page.

Explore why the Mozilla Developer Network is the best up-to-date resource for HTML and CSS, with comprehensive references like the paragraph element and reliable guidance.

Explore how to use colors in css, including named colors, rgb, and hsl, and apply them to text, backgrounds, and borders with hex and rgba/hsla values.

Learn to set up and style a simple html page by linking the css file and applying a system font stack. Improve readability with color #002244 and 150% line-height.

Apply box-sizing border-box, then center the main content with a max-width of 35 rem and auto margins, and restrict images to the container with max-width 100%.

Finish the header by adding a navbar brand with the logo and Microblog text, and build a navigation list with links using BEM naming for screen reader compatibility.

Create a footer with a content container and left and right sections, using two footer__column on the right and footer__item items. Include recent, calendar, about, and how this was made.

Style microblog entries using CSS by applying classes, displaying the title and date inline, adjusting font sizes and colors, and adding spacing and separators for a clean blog page.

Learn to style a full-width footer with a centered content area, using CSS flexbox, dark background, white 12px text, and hover links for an accessible, multi-column layout.

Learn to use Python data structures in Jinja2 templates with Flask, including lists, dictionaries, and object attributes. Jinja2 syntax is similar to Python, but not Python, and pass via render_template.

Learn to render dynamic HTML with Jinja2 by looping through lists and dictionaries in templates, using for and endfor to create bullet lists and apply simple conditionals.

Learn how to receive form data in Flask by handling post requests, accessing request.form, formatting dates with datetime, and rendering results on the same page using the home.html template.

Format entry dates by parsing strings with datetime.strptime and reformatting with strftime to %b %d for display in templates, while preserving time element accessibility and preparing to use MongoDB.

Create and manage a requirements.txt to pin manually installed Flask and pymongo[srv] dependencies within virtual environment, using pip freeze to capture versions and prevent breaking changes during deployment to render.com.

Prepare your app for deployment by creating a requirements.txt with Flask, python-dotenv, pymongo, and gunicorn for render.com, and load the MongoDB URI from an environment variable via a .env file.

Discover how to define and reuse Jinja2 variables with the set keyword, compute num_todos in the template, and conditionally display messages and lists using these variables.

Learn how Jinja filters extend templates by using the pipe operator to call built-in filters like length and join, and know when to pass extra data with brackets.

Learn to use Jinja2 macros to improve reusability and reduce duplication by extracting todo list rendering into macros, importing macro files, and aliasing imports for clean templates.

Learn to write custom css for each Jinja template using inheritance in a simple Flask app, with inline style blocks and per-template decisions.

Learn how Jinja2 tests use the is keyword and the divisible_by test to implement FizzBuzz in a Flask template, with for loops and top-level conditional ordering.

Center the habit tracker within a 40 rem max width using static/css/main.css. Use flex for header alignment, hover transitions, and a clean column form.

Add a seven-day date navigator around today using a date_range function, datetime operations, and a for loop; enable navigation via url_for with isoformat dates and highlight the current date.