Full Stack Web Development with Django 5, TailwindCSS, HTMX

Focused View

Jose Salvatierra

10:31:35

0 View

1 - Introduction

1 -Overview of the course project.mp4

01:03

2 -Technical requirements for this course.mp4

00:38

3 -Curriculum overview.mp4

02:22

4 -How to get help.mp4

00:47

2 - HTML Fundamentals

1 -The head and body elements.mp4

05:24

2 -Block and inline elements.mp4

06:47

3 - All the main HTML elements

1 -Headings (h1 to h6).mp4

02:45

2 -Paragraphs (p).mp4

02:33

3 -Links (a).mp4

06:31

4 -Images (img).mp4

06:31

5 -Lists (ul, ol, and li).mp4

06:16

6 -Divs and Spans.mp4

05:44

4 - HTML Forms

1 -Introduction to HTML forms.mp4

06:08

2 -HTML text input fields (input).mp4

05:29

3 -HTML checkboxes and radio buttons (input).mp4

07:34

4 -HTML text areas (textarea).mp4

08:07

5 -HTML dropdowns (select and option).mp4

04:32

6 -Form submissions (method and action).mp4

02:50

7 -Form accessibility and autocomplete.mp4

06:07

5 - Semantic HTML

1 -Introduction to semantic HTML.mp4

00:47

2 -Header and nav elements.mp4

04:26

3 -Main, section, and article.mp4

03:32

4 -Aside and footer.mp4

03:10

6 - HTML meta tags

1 -Meta tags and the viewport.mp4

04:08

2 -Open graph and Twitter meta tags.mp4

02:52

7 - CSS Fundamentals

1 -Introduction to CSS and selectors.mp4

05:22

2 -CSS units.mp4

07:00

3 -The CSS box model.mp4

04:10

4 -How does border-box work.mp4

02:39

5 -CSS selector specificity.mp4

04:45

6 -CSS positioning (relative, absolute, fixed, and sticky).mp4

11:05

7 -Working with colors in CSS.mp4

06:14

8 -Working with typography in CSS.mp4

05:18

9 -Pseudoclasses and pseudoelements.mp4

05:01

8 - CSS flex and grid

1 -Introduction to CSS flex.mp4

04:33

2 -CSS flex justification and alignment.mp4

03:49

3 -CSS flex child item properties.mp4

05:13

4 -CSS flex gaps and line wrapping.mp4

03:14

5 -CSS grid columns and rows.mp4

02:23

6 -CSS grid template areas.mp4

04:25

7 -CSS grid repeating and auto-fit.mp4

02:17

8 -CSS grid placement.mp4

04:17

9 -CSS grid justification and alignment.mp4

03:39

9 - A Complete Python Refresher

1 -Section intro, and can you skip it.mp4

01:01

2 -Variables in Python.mp4

08:26

3 -String formatting with f-strings (and other).mp4

06:26

4 -Getting user input with Python.mp4

05:16

5 -Lists, tuples, and sets in Python.mp4

06:31

6 -Advanced Python set operations.mp4

04:39

7 -Working with booleans in Python.mp4

04:59

8 -Flow control if statements in Python.mp4

08:17

9 -The in keyword in Python.mp4

02:02

10 -Using the in keyword in if statements with Python.mp4

08:18

11 -Python loops for and while.mp4

11:07

12 -List comprehensions in Python.mp4

07:24

13 -Working with Python dictionaries.mp4

08:31

14 -Destructuring variables in Python.mp4

08:28

15 -Functions in Python.mp4

10:41

16 -Function arguments and parameters in Python.mp4

07:40

17 -How to set default parameter values for functions in Python.mp4

03:54

18 -How to return values from functions in Python.mp4

07:19

19 -Anonymous or lambda functions in Python.mp4

07:52

20 -Dictionary comprehensions in Python.mp4

04:01

21 -Unpacking arguments with Python (args).mp4

10:24

22 -Unpacking keyword arguments with Python (kwargs).mp4

08:44

23 -Object-Oriented Programming in Python.mp4

15:52

24 -Magic Python methods str and repr .mp4

06:25

25 -@classmethod and @staticmethod in Python.mp4

14:03

26 -Class inheritance in OOP with Python.mp4

08:32

27 -Class composition in OOP with Python.mp4

06:08

28 -Type hinting with Python.mp4

05:08

29 -How do imports work in Python.mp4

09:33

30 -Relative imports in Python (and why you should avoid them).mp4

08:52

31 -Dealing with errors and exceptions in Python.mp4

12:47

32 -Create custom error classes in Python.mp4

05:04

33 -What are first-class functions in Python.mp4

07:52

34 -Simple decorators in Python.mp4

07:12

35 -The at syntax for decorators in Python.mp4

03:32

36 -Decorating functions with parameters.mp4

02:24

37 -Coding decorators with parameters.mp4

04:50

38 -What does mutability mean in Python.mp4

06:03

39 -Mutable default function parameters (and why theyre a bad idea).mp4

04:27

10 - Django local dev environment (project setup and configuration)

1 -Intro to this section.mp4

00:26

2 -How to install pyenv and Python on Windows.mp4

02:00

3 -How to install pyenv and Python on Mac.mp4

01:34

4 -How to install Poetry on Windows.mp4

01:34

5 -How to install Poetry on Mac.mp4

01:22

6 -How to install VSCode on Windows.mp4

01:10

7 -How to install VSCode on Mac.mp4

00:51

8 -How to set up a virtualenv and install dependencies on Windows.mp4

01:48

9 -How to set up a virtualenv and install dependencies on Mac.mp4

01:48

10 -How to start a Django project on Windows.mp4

01:43

11 -How to start a Django project on Mac.mp4

01:46

12 -How to run migrations, create a superuser, and access the admin panel on Windows.mp4

01:16

13 -How to run migrations, create a superuser, and access the admin panel on Mac.mp4

01:16

14 -How to create a Django app on Windows.mp4

01:12

15 -How to create a Django app on Mac.mp4

01:13

11 - Build a Hello World App with Django

1 -Intro to this section.mp4

00:25

2 -What is MVT (Model View Template) in Django.mp4

05:52

3 -Writing the Hello World App with Django.mp4

07:44

12 - Capstone Project Part 1 Django Fundamentals

1 -Intro to this section.mp4

00:51

2 -How to create and register Django models.mp4

08:14

3 -How to create and run database migrations.mp4

05:29

4 -How to show all our articles in the homepage.mp4

08:39

5 -Introduction to Django Forms.mp4

04:55

6 -What are browser cookies.mp4

02:56

7 -What are CSRF attacks.mp4

07:52

8 -Creating a view that uses a form with Django.mp4

07:51

9 -Creating articles in our app with Class-Based Views.mp4

04:55

10 -Adding the other app endpoints with CBVs.mp4

07:07

11 -Cleaning up our article URLs.mp4

01:26

12 -What is HTML escaping and how does it work in Django.mp4

02:27

13 - Capstone Project Part 2 Advanced Django and Customization

1 -Intro to this section.mp4

00:16

2 -How to create a base template in Django.mp4

03:05

3 -Updating our templates to extend our base template.mp4

01:55

4 -What are Django filters.mp4

03:51

5 -How to add navigation between pages in Django.mp4

04:57

6 -How to render things conditionally in Django templates.mp4

02:36

7 -Calculating the word count dynamically in our articles.mp4

06:26

8 -How to add the word count to our templates.mp4

02:37

9 -How to customize the Django admin panel fields.mp4

03:10

14 - Running Django Apps with Docker

1 -Intro to this section.mp4

00:57

2 -How to build a Docker image for our Django app.mp4

08:56

3 -How to run the Docker container with our Django app.mp4

07:57

15 - Django App Setup Improvements

1 -Intro to this section.mp4

00:49

2 -The Django Debug Toolbar (super helpful!).mp4

07:44

3 -How to automate the creation of a superuser.mp4

05:26

Description

Build a complete full stack web app | Master Django 5 | Pro styling with TailwindCSS | Docker and Docker Compose

What You'll Learn?

Code a full stack Django app using HTML, TailwindCSS, HTMX, and AlpineJS
Set up a local Django development environment with Docker and Docker Compose
Use Django Class-Based Views to set up advanced filtering and pagination
Add Social Sign On to your Django apps with django-allauth
Learn HTML and CSS from scratch, including semantic HTML, CSS flex, and CSS grid
Learn to integrate a rich text editor with your Django apps

Who is this for?

Entrepreneurs who want to quickly build their web projects using Django, a mature framework

Software developers transitioning to a Django role or who want to learn the full stack

Coding students learning to build full stack apps

What You Need to Know?

Some Python knowledge will be helpful, although we include a full Python refresher

No HTML or CSS knowledge is necessary

No software is required, everything used is installed in the course

No prior Django knowledge required!

More details

Description
Are you ready to level up your web development skills? Master modern full stack development using Django 5, TailwindCSS, and HTMX.

What You'll Learn
In this comprehensive, project-based Django course, you'll build a complete, production-ready web application from the ground up. We'll learn Django to create robust projects without having to re-invent the wheel! We cover:
Set up a Python environment and your Django projects
Understand Model-View-Controller, requests, and responses
Work extensively with Django templates
Add relationships between models (such as one-to-many or many-to-many)
Use the Django ORMÂ to query and aggregate data from your database
Use and customize the powerful Django admin panel
Handle user input with Django forms
Generate forms automatically using Django models
Add extensive authentication and social sign-on, including email confirmation
Learn how to cache, compress, and serve static assets in production

Plus you'll also learn an entire ecosystem around Django:
TailwindCSS: Design sleek, responsive user interfaces
HTMX: Add dynamic features without complex JavaScript
PostgreSQL: Manage data with a production-grade database
Docker & Docker Compose: Containerize your web application for easy deployment
Authentication: Implement secure user systems with Django-allauth, including social sign on
Markdown Editor: Integrate rich text editing capabilities with your Django project
Deployment: Take your Django project live on Railway

By the end of this course, you'll have the skills to develop, design, and deploy full stack Django web applications using cutting-edge technologies.

Why Choose This Course?
Project-Based Learning: Build a real-world Django application from start to finish
Comprehensive Tech Stack: Go beyond basic Django with modern tools and practices
Clear, Concise Explanations with Hand-Written Subtitles: Suitable for non-native English speakers
Practical Skills: Learn techniques used in professional web development environments
Up-to-Date Content: Stay current with the latest web development trends
No more piecing together fragmented tutorials or outdated resources. This course provides a cohesive learning experience that will take you from foundational concepts to advanced techniques in Django full stack development.

Join us to level up your web development skills. Whether you're aiming to boost your career prospects or bring your web application ideas to life, this course will give you the tools and knowledge you need to succeed.

Enroll now and start your journey to becoming a proficient full stack Django developer.

See you in the course!
Who this course is for:
Entrepreneurs who want to quickly build their web projects using Django, a mature framework
Software developers transitioning to a Django role or who want to learn the full stack
Coding students learning to build full stack apps

User Reviews

Rating

average 0

Total votes0

Focused display

Django

Jose Salvatierra

Instructor's Courses

Hi, I'm Jose! I love helping students learn to code and master software development. I've been teaching online for over 7 years, and I founded Teclado to bring software development to everyone—my objective is for you to truly understand everything that goes on behind the scenes.Coding is extremely rewarding. As you learn, things start to click and make sense. You can join the dots of all the things that weren't quite clear before. I'm here to make that journey quick and painless!I can help you with Python and JavaScript issues, particularly in web and backend development. I'm experienced with programming libraries and frameworks like Flask, React, React Native, and AngularJS. I've worked extensively with UNIX systems, MongoDB, PostgreSQL, and advanced system architecture design.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.