Full Stack Web Development with Python and Django Course

Learn HTML fundamentals, code in HTML, and understand how websites are created as the browser renders HTML with tags and reveals source code.

Explore what HTML is, how browsers render the page, and how to view source to see raw HTML, including common tags like div, span, and a.

Create your first web page by writing a simple html snippet with an h1 tag, save it as an .html file, and view it in a browser.

Learn how HTML tags create structure by using opening and closing tags like h1 with content hello world, and self-closing tags like br, then preview in the browser.

Explore the structure of an HTML document by examining HTML, head, and body tags, then use the title, h1–h6, paragraph, strong, and em to build and style content.

Build a functional anchor tag linked with the hsf attribute to navigate to a URL, then save, refresh, and test by clicking the link in a browser.

Display images on web pages and emails using the HTML img tag with the src attribute, covering self-closing syntax and relative versus absolute URLs.

Learn how to create unordered and ordered lists in HTML using ul and ol and li elements, compare bullet points to numbered items, and see how renumbering works automatically.

Learn to build HTML forms for sign up pages, exploring input types (text, email, password, date), labels, placeholders, submit and reset controls, and front-end validation with required fields.

Learn to build a pure html site and then apply styles, showing how styling differentiates a site like Tesla from Berkshire Hathaway's page with a focus on success.

Discover how cascading style sheets turn HTML into a visually appealing site by using CSS, including external stylesheets, syntax, and practical examples like inspecting Tesla's website.

learn how divs create block-level wrappers that take the full width, while spans provide inline wrapping. use classes for reusable styling and ids for targeting individual elements.

Explore CSS syntax by coding within a style block, using class and id selectors, and applying properties like background-color to style divs and spans.

Explore the box model by outlining content, padding, border, and margin, and use Chrome's inspect tools to see how padding, border, and margin interact to shape layout.

Explore css color units, including rgb, rgba with alpha, and hex codes to customize backgrounds. Learn length units like px, em, rem, percent, and viewport-based units to build responsive layouts.

Explore how margins, padding, and borders define the box model, inspect with Chrome DevTools, and adjust top, right, bottom, and left values with precise pixels.

Explore how to customize borders in css by adjusting width, color, style, and radius, applying per-side and per-corner values, and creating circular shapes with border radius.

Explore how height and width affect a div's size, including pixel, percentage, viewport units (vh, vw), and rem values, and how padding, border, overflow, and responsive design influence layout.

Master the CSS display property by exploring block, inline, inline-block, and none, and learn how to toggle padding, height, and width to debug layouts.

Explore how the position property and the top, left, right, and bottom values control static, relative, absolute, and fixed elements, including their behavior within its parent container.

Learn to customize web typography by embedding Google Fonts, applying font-family and font-weight, transforming text with text-transform options (uppercase, capitalize, lowercase), and adjusting color and background for accessible styling.

Master the text-align property to align content left, right, or center, and learn how centering an entire div helps create horizontally centered layouts in web pages.

Compare internal, inline, and external CSS to style web pages, using the style tag, style attributes, and external stylesheets linked with a link tag.

Bootstrap provides built-in features and classes that help you create responsive websites quickly and efficiently.

Learn to design responsive, mobile first websites that look great on any device by using media queries and bootstrap, a front end web framework created by Twitter.

Explore responsive design using media queries to adapt styles based on device width, including max-width and min-width breakpoints, and see how Bootstrap consolidates these queries for reusable components.

Master Bootstrap's grid system using containers, rows, and columns to create a responsive 12-column layout with breakpoints and stack behavior on small devices.

Explore building a responsive Bootstrap navbar: copy basic nav code, customize nav items, and understand how breakpoints collapse the menu into a toggle button on smaller screens.

Create and style buttons quickly using Bootstrap's button class, explore primary, secondary, and danger colors, hover effects, and size options like lg and sm.

Learn how to apply Bootstrap margin and padding using classes like m- and p- to quickly adjust spacing, including left, right, top, bottom, and responsive breakpoints.

Explore bootstrap's display and position utilities by applying d- and position- classes to control element display and placement, including display none, inline, inline-block, position absolute, and position fixed.

Demonstrates building cleaner bootstrap forms by wrapping labels and inputs in a form-group and applying the form-control class for a tighter, neater layout.

Focus on Python syntax and understanding the language before installing your development environment. Use the bottom link to access Python for practice.

Write your first program by printing 'Hello World' in Python using the print function with parentheses and quotes, then run it to see the result in the console.

Master the role of white space in Python by maintaining consistent indentation within blocks, recognizing that Python uses white space to define blocks instead of braces, and avoiding syntax errors.

Discover what a variable is and how Python stores and references values. Assign and reassign values with simple name equals value, no keywords required, while type details follow.

Learn how booleans work in Python by assigning true or false to variables using capital T and F, and printing the boolean values.

Define integers and floats in Python by assigning values to variables, using arithmetic operators, and printing results. Understand that integers are whole numbers and decimals become floats.

Learn to define strings in Python with single or double quotes and to concatenate them using the plus operator, forming outputs like hello world.

Master creating and referencing tuples in Python, using parentheses and commas, accessing values with zero-based indexing, and performing simple arithmetic on tuple values.

Learn how Python lists work as a built-in data type, including appending elements, indexing (including negative indices), and slicing with colon to extract sublists and values.

Master dictionaries, Python’s hash map of key–value pairs, created with curly braces and colons, enabling you to print by key and mix values like strings, ints, and floats.

Explore functions, if statements, and while loops in Python, create and call functions, print values, and loop through data to see how Python powers conditional and iterative logic.

Explore conditional execution in Python by using if, elif, and else, evaluating expressions with == and !=, and organizing code blocks through proper indentation.

Demonstrate fizzbuzz using if statements and the modulo operator to print fizz for multiples of three, buzz for multiples of five, and fizzbuzz for both.

Learn how to use while loops to repeat actions while a condition is true, printing numbers from one to one hundred and incrementing until the condition becomes false.

Explore for loops in Python by iterating over lists, accessing items and their indices with a counter, and applying simple conditions to print specific elements.

Create reusable functions with the def keyword to accept arguments, run logic, and return values, such as computing the average of a list like 1, 2, 3, which equals 2.

Explore function terminology in Python, including function definitions with def, function names, arguments, and returns; learn how to call a function, pass values, and perform additions.

Explore how the return keyword makes a function yield a value, how arguments are combined, and how the returned result stops execution and can be printed.

Turn the fizzbuzz logic into a reusable function that returns fizzbuzz, fizz, buzz, or the number, and call it multiple times to reuse and compare results.

Demonstrate recursion by showing a function calling itself with number minus one to count down to zero, contrasting with a non recursive loop that prints each number.

Explore the Fibonacci sequence and its recursive Python implementation. Learn base cases F(0)=0 and F(1)=1, then define F(n)=F(n-1)+F(n-2), test, and observe the recursive growth when printing the first 100 numbers.

Learn to handle errors in Python using the try and except syntax. Catch type errors and value errors so code can continue running, including Django scenarios like user creation.

Learn to import functions and classes from separate files into a main script using from module import function, enabling cross-file access, a technique crucial in Django for reusing library functions.

Explore object oriented programming by creating class-based objects in Python, assigning attributes like name and age, and defining methods such as meow to manage multiple cat instances.

Define an object in python with the class keyword, set attributes like first name, last name, position, and team, and access them via dot notation to instantiate Jared Goff.

Demonstrate how to use the Python __init__ method to initialize object attributes with self, and create reusable football player instances such as Jared Goff.

Define a dog class with an init method to initialize the name. Add bark and speak methods that accept a words argument and print outputs on instances.

Learn how to create a complex number object in Python with real and imaginary parts, and overload the addition operation to add two complex numbers.

Demonstrates inheritance by modeling cat and dog classes that share a common pet base, inheriting the init method and extending with meow and bark behaviors.

Learn how the super method enables inheritance by calling the parent init to pass name, age, and weight, while adding dog-specific attributes like breed.

Install python via anaconda and set up a robust development environment on your own computer, using Atum as a powerful text editor to speed up coding with built-in packages.

Install Python locally via Anaconda, choose your system (Windows, Mac, or Linux), download Python 3.7, run the installer, and verify using the Anaconda prompt.

Learn essential command line basics across Mac and Linux, using Anaconda's prompt to navigate directories, view files, and create folders, while preparing for Python and Django workflows.

Explore how pip, the Python package manager, installs and uninstalls packages via the command line, and pins specific versions with equals while using virtual environments.

Install Atom, the editor used in this course, by downloading from atom.io and running the installer. Open folders to add and edit projects, or try Brackets or Visual Studio Code.

we'll learn what Django is and what the back end of a website entails, and explore how Django interacts with the back end and its role in our website.

Explore how Django, a high-level Python web framework that encourages rapid development and clean design, links a database to a front end so information is displayed in HTML.

Explore the Django environment by reviewing settings, middleware, installed apps, templates, database, and static files, and learn to run the server with python manage.py runserver at localhost:8000.

Explore what apps and views are in Django. Begin your Django project and learn how templates relate to the models.

Explore the model view template structure and how a url triggers a view, fetches data from the database, and renders a template for display in the browser in Django.

Create a post app within a Django project by using manage.py startapp, structure folders for models, views, templates, and admin, and run the server to explore the admin site.

Create a static pages app alongside a posts app to manage non database pages like your home page, then add both apps to the project's installed apps in settings.

Create your first Django view by building a function-based view that renders home.html and routes it via urls with include and namespace.