FastHTML Intro - Build resuable Compoents with common Design Patterns

preview_player
Показать описание
In this video you will get some ideas of how to actually build reuseable Components with FastHTML by applying common design patterns.

Timestamps:
0:00 Why FastHTML?
0:40 Why Patterns?
0:58 Decorator Pattern
2:18 Component Composition
3:00 Conditional Rendering
3:41 Stateful Components
4:12 Template Component
4:51 Factory Pattern

#fasthtml
  1. Coding Crash Courses
  2. fasthtml
  3. web development
  4. design patterns
  5. python
Рекомендации по теме
FastHTML Intro - 0:05:56

FastHTML Intro - Build resuable Compoents with common Design Patterns

Exploring FastHTML: making 0:15:06

Exploring FastHTML: making webstuff easier for Python people

I Create Dashboard 0:01:04

I Create Dashboard in One Minute using Python | Python for beginners | #python #coding #programming

HTML Templates Instead 0:12:42

HTML Templates Instead Of Reactivity | Prime Reacts

7 ways to 0:06:23

7 ways to deal with CSS

FastAPI with Jinja2 0:06:02

FastAPI with Jinja2 in UNDER 6 minutes

From React To 0:40:01

From React To HTMX

Quick Introduction to 0:03:46

Quick Introduction to Visual CSS Grid Editor in Pinegrow

HTML5DevConf: Renato Iwashima, 0:52:34

HTML5DevConf: Renato Iwashima, 'Atomic Cascading Style Sheets'

Cursor Basics & 1:54:41

Cursor Basics & Claude Prompting to Landing Page

Marija Zaric: Atomic 0:35:45

Marija Zaric: Atomic design in responsive design

Bedrock - What 0:01:44

Bedrock - What is an HTML prototype?

Modern Web UI: 0:25:47

Modern Web UI: 'EmberJS Components: Past, Present, and Future', by Stefan Penner

Creating and Styling 0:04:10

Creating and Styling WordPress Menus in Pinegrow: An Overview

Environment Setup 0:07:07

Environment Setup

Using Ember and 0:52:52

Using Ember and D3

Connor Sears - 0:31:47

Connor Sears - Better Production Decisions with HTML & CSS

How to use 0:16:16

How to use atomic CSS and sleep at night - Talk.CSS #26

[React] Introducing JSPlaygrounds 0:12:19

[React] Introducing JSPlaygrounds for Rapid Prototyping

Coding For Absolute 1:08:31

Coding For Absolute BEGINNERS

Developing UI Components 0:22:40

Developing UI Components with Ember - Alex Zirbel

Lightning Fast HTML 0:39:53

Lightning Fast HTML & CSS Prototyping with ember-cli by Dean Marano

Overview of MeteorJS 0:10:13

Overview of MeteorJS development using Atom.io

Pinegrow + Atom 0:01:33

Pinegrow + Atom = The Perfect IDE for the Web

Комментарии
Автор

This is gonna be the default library to build web apps with Python 🎉

TheEugevanz
Автор

This is what the GOTH stack is all about, but now the python gang is here 🎉

spoonikle
Автор

Awesome video. Can you please tell me about your audio setup or the microphone that you use for your videos?. Thank you and looking forward to hearing from you

Fibe
Автор

What about the PEP regarding methods name in snake case vs classes in camel case? Why are you using camelCase all over the place?

giorgioripani
Автор

Im thinking that wats going on in native html and css is signal that we should stop thinking of using framwworks and use simplest standard.. Im not sure about using JS as it is standard, but we knew from the beggining its shitty- maybe using it only for dom and initialization would be good but there is Rust which is good language- I was sceptical for very long because we are trying to create new C that is not C for years, but I have to agree thats better
And you can compile Rust to wasm use ComponentModel and there is no js required to run Rust


Componentmoddlor switch to

lhardl