Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit1c6e03b

Browse files
committed
Clase 2
Componentes visuales.
1 parenta370b5d commit1c6e03b

File tree

7 files changed

+78
-4
lines changed

7 files changed

+78
-4
lines changed

‎README.md‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,14 +10,16 @@
1010
###Proyecto realizado durante emisiones en directo desde[Twitch](https://twitch.tv/mouredev)
1111
>#####Si consideras útil el curso, apóyalo haciendo "★ Star" en el repositorio. ¡Gracias!
1212
13-
##Próxima Clase:11/10/2023
13+
##Próxima Clase:Miércoles 18/10/2023
1414
###⏰ 20:00 (hora España) en directo desde[Twitch](https://twitch.tv/mouredev)
15-
###🌐 Consulta el horario por país y crea un recordatorio desde[Discord](https://discord.gg/szCvz8xV?event=1159409862787211284)
15+
###🌐 Consulta el horario por país y crea un recordatorio desde[Discord](https://discord.gg/mouredev?event=1161934670380933151)
1616

1717
##Clases anteriores
1818

1919
###Clase 1 (04/10/2023): Introducción, instalación y configuración ▶️[Ver clase en vídeo](https://www.twitch.tv/videos/1942562640?t=00h18m05s)
2020

21+
###Clase 2 (11/10/2023): Componentes visuales ▶️[Ver clase en vídeo](https://www.twitch.tv/videos/1948407270?t=00h20m02s)
22+
2123
##Proyecto
2224

2325
Durante el curso aprenderemos desarrollo web con Python puro utilizando el framework[Reflex](https://github.com/reflex-dev/reflex). Realizaremos un proyecto práctico que consistirá en desarrollar y publicar mi nueva web de links[moure.dev](https://moure.dev/) (añadiéndole muchas nuevas funcionalidades).
@@ -74,7 +76,7 @@ Si quieres unirte a nuestra comunidad de desarrollo, aprender programación de A
7476
![GitHub Followers](https://img.shields.io/github/followers/mouredev?style=social)
7577
![GitHub Followers](https://img.shields.io/github/stars/mouredev?style=social)
7678

77-
Soy ingeniero de software desde hace más de12 años. Desde hace4 años combino mi trabajo desarrollando Apps con creación de contenido formativo sobre programación y tecnología en diferentes redes sociales como**[@mouredev](https://moure.dev)**.
79+
Soy ingeniero de software desde hace más de13 años. Desde hace5 años combino mi trabajo desarrollando Apps con creación de contenido formativo sobre programación y tecnología en diferentes redes sociales como**[@mouredev](https://moure.dev)**.
7880

7981
###En mi perfil de GitHub tienes más información
8082

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
importreflexasrx
2+
importdatetime
3+
4+
5+
deffooter()->rx.Component:
6+
returnrx.vstack(
7+
rx.image(src="favicon.ico"),
8+
rx.link(
9+
f"© 2014-{datetime.date.today().year} MOUREDEV BY BRAIS MOURE V3.",
10+
href="https://mouredev.com",
11+
is_external=True
12+
),
13+
rx.text("BUILDING SOFTWARE WITH ♥ FROM GALICIA TO THE WORLD.")
14+
)
Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
importreflexasrx
2+
3+
4+
deflink_button(text:str,url:str)->rx.Component:
5+
returnrx.link(
6+
rx.button(text),
7+
href=url,
8+
is_external=True
9+
)
Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
importreflexasrx
2+
3+
4+
defnavbar()->rx.Component:
5+
returnrx.hstack(
6+
rx.text(
7+
"mouredev",
8+
height="40px"
9+
),
10+
position="sticky",
11+
bg="blue",
12+
padding_x="16px",
13+
padding_y="8px",
14+
z_index="999"
15+
)

‎link_bio/link_bio/link_bio.py‎

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,21 @@
11
importreflexasrx
2+
fromlink_bio.components.navbarimportnavbar
3+
fromlink_bio.components.footerimportfooter
4+
fromlink_bio.views.header.headerimportheader
5+
fromlink_bio.views.links.linksimportlinks
26

37

48
classState(rx.State):
59
pass
610

711

812
defindex()->rx.Component:
9-
returnrx.text("Hola Reflex!",color="blue")
13+
returnrx.vstack(
14+
navbar(),
15+
header(),
16+
links(),
17+
footer()
18+
)
1019

1120

1221
app=rx.App()
Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
importreflexasrx
2+
3+
4+
defheader()->rx.Component:
5+
returnrx.vstack(
6+
rx.avatar(name="Brais Moure",size="xl"),
7+
rx.text("@mouredev"),
8+
rx.text("HOLA 👋🏼 MI NOMBRE ES BRAIS MOURE"),
9+
rx.text("""Soy ingeniero de software desde hace más de 12 años.
10+
Actualmente trabajo como freelance full-stack developer iOS y Android.
11+
Además creo contenido formativo sobre programación y tecnología en redes.
12+
Aquí podrás encontrar todos mis enlaces de interés. ¡Bienvenid@!""")
13+
)
Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
importreflexasrx
2+
fromlink_bio.components.link_buttonimportlink_button
3+
4+
5+
deflinks()->rx.Component:
6+
returnrx.vstack(
7+
link_button("Twitch","https://twitch.tv/mouredev"),
8+
link_button("YouTube","https://youtube.com/@mouredev"),
9+
link_button("YouTube (canal secundario)",
10+
"https://youtube.com/@mouredevtv"),
11+
link_button("Discord","https://discrod.gg/mouredev")
12+
)

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp