50+ HOURS REACT.JS 19 MONSTER CLASS

0:00

Así que antes de sumergirnos en el curso, primero quiero mencionar algunas cosas.

So before we dive into the course, first of all, I want to mention a few things.

0:03

No puedo hacer promesas, pero puedo decir con confianza que este curso te dará un trabajo.

I can't make any promises, but I can confidently say that this course will give you a job.

0:09

Y lo que puedo prometer es que este curso te llevará de cero a un experto en React, un monstruo de React.

And what I can promise is that this course will take you from zero to a React expert, a React monster.

0:17

Eso definitivamente puedo prometerte. Ahora podrías preguntarte por qué estoy tan seguro de esto. Y la respuesta es simple.

That I can definitely give you a promise. Now you might be wondering why I'm so sure about this. And the answer is simple.

0:24

Comencé a aprender ReactJS en 2018 y empecé a enseñarlo en 2001.

I began learning ReactJS in 2018 and started teaching it in 2001.

0:29

Subí mi primer curso de ReactJS a mi canal de YouTube hace dos años o casi dos años.

I uploaded my first ReactJS course on my YouTube channel two years ago or almost two years ago.

0:35

Y desde entonces, he adquirido una amplia experiencia construyendo numerosos proyectos y trabajando con diferentes empresas.

And since then, I gained extensive experience by building numerous projects and working with different companies.

0:42

Ahora estoy ansioso por ofrecerte un trabajo. Ahora sé que hay muchas cosas que acabo de decir.

Now I'm eager to lend you a job. Now I know there's a lot of things that I just said.

0:47

Ahora la verdadera pregunta es qué puedes esperar de este curso. En este curso, vas a aprender mucho.

Now the real question is what you can expect from this course. In this course, you are going to be learning a lot.

0:54

Y quiero decir muchas cosas. Así que ahora déjame explicarlas todas una por una de un solo aliento.

And I mean a lot of things. So now let me explain all of them one by one in one breath.

0:59

Primero que nada, comenzaremos desde los Fundamentos de React construyendo 10 proyectos y innumerables ejercicios.

First of all, we are going to be starting from the React Fundamental by building 10 projects and countless exercises.

1:05

Luego saltaremos a React con TypeScript construyendo 5 proyectos y innumerables ejercicios.

Then we will jump to React with TypeScript by building 5 projects and countless exercises.

1:09

Luego, el formulario de React con un proyecto, DES UI, Shades and UI, Redix UI, Talvin CSS, Simple Hooks, Advanced Hooks.

Then React hook form with one project, DES UI, Shades and UI, Redix UI, Talvin CSS, Simple Hooks, Advanced Hooks.

1:17

Aprenderás todo sobre Zeus 10 construyendo 10 proyectos. cada

Learn everything about Zeus 10 by building 10 projects. every

1:20

cosa que sé sobre el marco de movimiento y también sobre la animación

single thing i know about the frame of motion and also animation

1:24

en general construyendo 10 proyectos 10 stack

in general by building 10 projects 10 stack

1:27

consulta 10 stack router y también si no saben

query 10 stack router and also if you guys don't know

1:30

el marco de 10 stack que se lanzó hace tres días

the 10 stack framework which was just launched three days

1:33

y aprenderás todo eso construyendo 10 proyectos más, luego

ago and you will learn all of that by building 10 more projects then

1:37

vamos a saltar a las partes avanzadas como patrones de diseño

we are going to be jumping into the advanced parts like design patterns

1:40

en el sistema de diseño de react js, pruebas de react, redx toolkit con dos proyectos de pila completa, next js desde el principio hasta

in react js design system in react js react testing redx toolkit with two full stack projects next js from beginning to

1:48

nivel avanzado de react native con proyectos y también vamos

advanced level react native with projects and also we

1:51

a construir proyectos avanzados, está bien que

are going to be building advanced projects okay that

1:54

fue muchas cosas que acabo de explicar, voy a desglosarlas

was a lot of things that i just explained i'm going to break

1:57

una por una en unos segundos, pero sí, esto es lo que

them down one by one in a few seconds but yeah this is what

2:00

puedes esperar de este curso y este curso todavía está en construcción

you can expect from this course and this course is still in the construction

2:04

estás viendo solo la primera parte de este curso y que trata sobre casi 11 o 12 horas de contenido, así que estás viendo la primera parte de este curso y en la próxima serie.

you are watching only the first part of this course and which is about like almost uh 11 or 12 hour of content so you are watching the first part of this course and in the upcoming series.

2:15

vamos a cubrir el resto de estos temas que acabo de mencionar. Así que sí, estoy muy emocionado y espero que tú también lo estés.

We're going to be covering the rest of these topics which I just mentioned. So yeah, I'm super excited and I hope you are too.

2:22

ahora finalmente, quiero hablar sobre una cosa final y prometo que luego saltaremos al curso.

Now finally, I want to talk about one final thing and I promise then we will jump to the course.

2:27

he mencionado esto en mis cursos anteriores, en mi curso de React Native y también en mi curso de Estructura de Datos y Algoritmos, que si no quieres suscribirte a mi canal de YouTube, no tienes que hacerlo.

I've mentioned this in my previous courses, in my React Native course and also in my Data Structure and Algorithm course, that if you don't want to subscribe to my YouTube channel, you don't have to.

2:36

si no quieres enviarme dinero, no tienes que hacerlo. Si no quieres seguirme en Instagram

If you don't want to send me money, you don't have to. If you don't want to follow me on Instagram

2:40

o en x o twitter, como quieras llamarlo, ni siquiera tienes que

or in x or twitter whatever you want to call that you don't even have

2:44

seguirme en ningún lugar, no tienes que hacer nada por

to follow me anywhere you don't have to do nothing for

2:47

mí, pero ahora si estás sacando algún provecho de mi curso, por favor

me but now if you are taking some advantage from my course please

2:50

no descargues mis cursos si no quieres seguirme aquí

do not download my courses if you don't want to follow me here

2:53

y ahí puedo entender totalmente por qué, pero si tú

and there i can totally understand like why but if you

2:56

estás viendo mis cursos y estás haciendo una carrera de ahí y

are watching my courses and you are making a career out of there and

3:00

aún así, si estás descargando mis cursos, eso no es justo, como yo

still if you are downloading my courses that's not fair like i

3:03

no puedo hacer nada al respecto porque YouTube no tiene la función de descarga, pero sí, si estás viendo mi contenido, por favor no

can't do anything about that because youtube doesn't have the download feature but yeah like if you are watching my content please do not

3:10

descargues eso, así que sí, vamos a entrar en el curso y voy a

download that so yeah let's get into the course and i'm going

3:13

hacerte un monstruo de React, así que ahora hablemos sobre cuáles son

to make you a react monster so now let's talk about what are

3:16

las cosas que tienes que saber antes de saltar a este curso, así que

the things that you have to know before jumping into this course so

3:19

solo necesitas saber HTML y CSS, esto puede

you only need to know html and css this can

3:22

ser los requisitos principales para este curso, no tienes que saber

be the main prerequisites for this course you don't have to know

3:26

SAS y este es opcional, pero yo

sas and this one is optional but i

3:29

te recomendaría encarecidamente que aprendas Tailwind CSS porque en este curso

will highly recommend you to learn tailwind css because in this course

3:32

vas a construir muchos proyectos y para el estilo vamos a

you're going to be building a lot of projects and for the styling we're

3:35

usar Tailwind CSS, así que este es opcional, pero

going to be using tailwind css so this one is optional but

3:38

sí, una vez más, mi recomendación será aprender eso y también tienes que saber JavaScript, pero en este curso definitivamente puedes omitir la

yeah once again my recommendation will be to learn there and also you have to know javascript but in this course you can definitely skip the

3:47

parte de OOP, no tienes que saber qué es OOP para tomar

oop part you don't have to know what a oop is to take

3:50

este curso que estás viendo ahora mismo y si tú

this course which you are currently watching right now and if you

3:53

chicos ya vieron mi viejo

guys already saw my old

3:56

curso de react.js donde en el mundo está eso, está bien déjame buscarlo, ahí vamos, si ustedes se preguntan si deberían ver esto

react.js course where in the world is that okay let me just search for it there we go if you guys are wondering like should i have to watch this

4:04

curso antes de saltar a este curso de react.js, el video que estás

course before jumping into this react.js course the video which you are

4:07

viendo ahora mismo no tienes

currently watching right now you don't have

4:10

que ver este video y aunque voy a poner este video en privado

to watch this video and even though i'm going to private this video

4:13

y ah maldita sea, tú también

and ah god damn it you also

4:16

tienes que saber typescript, olvidé este, también tienes que

have to know typescript i forgot this one you also

4:19

saber este typescript y ahora déjame decir eso una vez más, html y

have to know this typescript and now let me just say that once again html and

4:22

css, incluso css, javascript y typescript, así que eso es lo único que tienes que saber para ver este curso, así que ahora vamos a entrar en la codificación, así que qué

css tenven css javascript and typescript so that's the only thing that you have to know for watching this course so now let's get into the coding so what

4:31

es react.js, react es una biblioteca de javascript gratuita y de código abierto

is react.js react is a free and open source javascript

4:34

especialmente diseñada para construir interfaces de usuario

library specially designed for building the user interfaces

4:37

ahora hay algunas palabras clave en esta definición, déjame

now there are a few buzzwords in this definition let

4:41

aclarar eso para ti, así que la primera que tenemos es de código abierto

me clarify that for you so the first one we have is an open

4:44

así que, ¿qué es el código abierto? El código abierto se refiere

source so what is the open source open source refers

4:47

al tipo de software o básicamente cualquier cosa donde

to the type of software or basically anything where

4:51

el código fuente se pone a disposición del público, esto significa que cualquiera puede ver, modificar y distribuir el código de esa cosa específica y en nuestro caso, ahora, ¿qué es una biblioteca?

the source code is made available to the public this means that anyone can view modify and distribute the code of that specific thing and in our case in Now, Now what is a library?

Only the first 5 minutes are free. Install the app or extension to keep watching.

Download

HuXn WebDev — more videos More in Español