• No hay productos en el carrito.

Inicio / Cursos / Crash Course: Build a Full-Stack Web App in a Weekend!
Impartido por Jonas SchmedtmannPago único de $2,800 MXN · acceso por 12 meses

Crash Course: Build a Full-Stack Web App in a Weekend!

A quick, fun, and hands-on introduction to web development. Build a complete app with HTML, CSS, JavaScript, and React!

Certificado oficial emitido por la SEPA través del Gobierno del Estado de México
12 meses de acceso En línea · 40 h 8 unidades Nivel principiante
Qué aprenderás

Lo que serás capaz de hacer

"I have already learned more in this class than in a $12,000 coding BootCamp (...). Before taking one of the Bootcamp on Udemy, you should take this class first" – Robert Do you want to learn the fundamentals of modern web development fast ? Do you want to find out if building websites and apps is the right career path for you? Or maybe you just want to know what your web developer friends do all day? In any of these cases... Welcome to my "Web Development Crash Course"! Together, we will build a fun, small, but full-stack web application in just a few days. But why this course? And why is it so short? Well, there are so many 60 and 80-hour-long "complete" web development courses out there, which are great if you want to invest 3 months of your life into finding out if web dev is even right for you or not... I wanted to offer a different approach. A short and fast crash course, where you can dip your toes into the world of HTML , CSS , JavaScript , and even React (the most used JavaScript library in the world). You can finish it in a weekend (if you have nothing else planned), or you can take a week. But the point is that you can learn the very fundamentals of web development quite fast , and in an engaging, 99% project-based way. And even though this is called a "crash course", this course teaches you more in 12 hours than I learned in my first 2 years as a web developer! That's how condensed, and how valuable, the material is. And the course still maintains the high-quality standard of all my other courses, so that you actually understand what you are learning! But you might be thinking: "Is a crash course really right for me?" Well, it all depends on your goals. Sure, you will not become a web developer after this short course, and you will not be able to build big web projects (but sometimes that's true even for those huge 80-hour courses). But, at the end of this course, you will have learned and understood the fundamentals of the most important web technologies (HTML, CSS, JavaScript, React). And even more importantly, you will have discovered if you actually like web development and want to pursue it as a (lucrative) career! Plus, you will walk away from this course with a super cool web application that you can show to all your friends (please tell them I sent you ;) All this will enable you to go deeper into the topics that you actually liked, and keep learning and progressing on your own if you like (or of course, you can purchase more specialized courses). So, have you never written a single line of code in your life? You have come to the right place! We will start slowly, step-by-step , and then speed up the pace as we progress through the course. So here's what we're gonna do in this course: We will set up your code editor and coding environment together (all for free!) I will guide you through the basics of the web and web development Then we slowly start our project, by writing the HTML code (for the page content) We then style the page and create a layout using CSS Next we create an online database and API for our application data, using a free service called Supabase To get the data into the application and make it interactive, we learn the fundamentals of JavaScript Writing apps with only JavaScript can be difficult, so we build the app using the React library Finally, we deploy the final project to a free service called Netlify DONE! You can now share the URL of your project with everyone :) Already know HTML, CSS, or JavaScript? No problem! You can still get something from the course. For example, you can watch only the section on "React" and use the downloadable code from the previous section as your starting point. If all this sounds great, then join me on this adventure right now! See you on the inside :)

  • You WILL build a fun web application in just a few days! No experience needed
  • You will NOT want to pause the course once you start ;)
  • You WILL learn the very fundamentals of modern web development (fast!)
  • You will NOT master web technologies (that takes years...)
  • You WILL get the experience of building a complete web app
  • You will NOT be able to build complex applications on your own, but small ones

Temario

UNIDAD 1 - Welcome, Welcome, Welcome! · 4 lecciones

UNIDAD 1 - Welcome, Welcome, Welcome!

  • IntroductionVideo · 8 min
  • Read Before You Start!Lectura · 0 min
  • A High-Level Overview of Web DevelopmentVideo · 8 min
  • Setting Up Our Code EditorVideo · 9 min
UNIDAD 2 - HTML – Building the App Skeleton [DAY 1] · 7 lecciones

UNIDAD 2 - HTML – Building the App Skeleton [DAY 1]

  • What is HTML?Video · 3 min
  • HTML Document StructureVideo · 8 min
  • Working With Text and ListsVideo · 8 min
  • Hyperlinks, Images, and AttributesVideo · 9 min
  • Structuring the AppVideo · 7 min
  • Building a FormVideo · 9 min
  • Adding More ButtonsVideo · 8 min
UNIDAD 3 - CSS – Styling the App [DAY 1] · 17 lecciones

UNIDAD 3 - CSS – Styling the App [DAY 1]

  • What is CSS?Video · 4 min
  • Styling TextVideo · 9 min
  • Including Google FontsVideo · 16 min
  • Working With ColorVideo · 10 min
  • Inheritance and the Global SelectorVideo · 7 min
  • The CSS Box ModelVideo · 17 min
  • Block and Inline ElementsVideo · 11 min
  • Creating Small Layouts With FlexboxVideo · 14 min
  • Applying Flexbox to Our FactsVideo · 11 min
  • Creating Larger Layouts With CSS GridVideo · 12 min
  • Centering the AppVideo · 12 min
  • Styling Links and TransitionsVideo · 9 min
  • Styling ButtonsVideo · 20 min
  • Developer Skill: Googling and Reading DocumentationVideo · 7 min
  • Styling the Voting ButtonsVideo · 14 min
  • Styling Form ElementsVideo · 14 min
  • Adapting the Layout to Smaller ScreensVideo · 17 min
UNIDAD 4 - Supabase – Storing the App Data [DAY 1] · 4 lecciones

UNIDAD 4 - Supabase – Storing the App Data [DAY 1]

  • What is Supabase?Video · 3 min
  • Creating Your First DatabaseVideo · 4 min
  • Creating a TableVideo · 13 min
  • Adding Security PoliciesVideo · 7 min
UNIDAD 5 - JavaScript – Making the App Interactive [DAY 1 + 2] · 16 lecciones

UNIDAD 5 - JavaScript – Making the App Interactive [DAY 1 + 2]

  • What is JavaScript?Video · 2 min
  • Displaying and Hiding the FormVideo · 16 min
  • Values, Variables, and OperatorsVideo · 11 min
  • FunctionsVideo · 11 min
  • Taking Decisions With if/else StatementsVideo · 12 min
  • The Ternary OperatorVideo · 8 min
  • Working With StringsVideo · 9 min
  • Arrow FunctionsVideo · 9 min
  • ArraysVideo · 10 min
  • ObjectsVideo · 9 min
  • Looping Over Arrays: The forEach and map MethodsVideo · 14 min
  • What is the DOM?Video · 2 min
  • Going Back to the First DOM ManipulationVideo · 8 min
  • Creating DOM ElementsVideo · 16 min
  • Loading Data With fetch and async/awaitVideo · 14 min
  • The filter and find Array MethodsVideo · 12 min
UNIDAD 6 - React – Building the Final App [DAY 2] · 18 lecciones

UNIDAD 6 - React – Building the Final App [DAY 2]

  • What is React?Video · 7 min
  • Installing Node.js and Setting Up A React ProjectVideo · 13 min
  • Meeting JSX and Creating the App ComponentVideo · 12 min
  • Dividing Our Interface Into ComponentsVideo · 17 min
  • Rendering the List of FactsVideo · 13 min
  • Passing and Receiving PropsVideo · 13 min
  • Rendering the List of CategoriesVideo · 8 min
  • Introducing StateVideo · 12 min
  • Displaying and Hiding the Form the React WayVideo · 10 min
  • Creating the Header ComponentVideo · 9 min
  • Working With Forms the React WayVideo · 17 min
  • Adding a New Fact – Part 1Video · 11 min
  • Adding a New Fact – Part 2Video · 13 min
  • Loading Data From Supabase with useEffectVideo · 18 min
  • Creating a Loader ComponentVideo · 16 min
  • Filtering by CategoriesVideo · 15 min
  • Uploading a Fact to SupabaseVideo · 12 min
  • Handling Votes and Updating a Fact on SupabaseVideo · 21 min
UNIDAD 7 - Deployment – Uploading the App to the Internet [DAY 2] · 3 lecciones

UNIDAD 7 - Deployment – Uploading the App to the Internet [DAY 2]

  • Displaying The App on All Mobile PhonesLectura · 0 min
  • Finishing Touches and Creating a Production BuildVideo · 18 min
  • Deploying to NetlifyVideo · 6 min
UNIDAD 8 - The End! · 2 lecciones

UNIDAD 8 - The End!

  • Where to Go from HereVideo · 5 min
  • BONUS: Check Out My Other Courses!Lectura · 0 min
Certificado oficial

Tu certificado lo emite la SEP, no solo una plataforma

Al demostrar la competencia recibes un certificado emitido por la Secretaría de Educación Pública a través del Gobierno del Estado de México: un documento oficial que puedes presentar con confianza ante cualquier empleador o institución.

Tu certificado con INEC

  • Lo emite la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México
  • Documento oficial con folio verificable en línea
  • Lo otorga la Universidad Tecnológica Fidel Velázquez

Otras plataformas en línea

  • Constancia privada emitida por la misma plataforma
  • Solo acredita horas cursadas o asistencia
  • Sin respaldo de una autoridad educativa
Cómo funciona

Tu itinerario, de la inscripción al certificado

  1. 1

    Inscripción con pago único

    Pagas $2,800 MXN una sola vez y entras de inmediato al curso.

  2. 2

    Estudias a tu ritmo

    8 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.

  3. 3

    Cuestionarios por unidad

    Cuestionarios para comprobar lo aprendido.

  4. 4

    Certificado

    Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.

Lo que obtienes

Un certificado oficial de la SEP

Muestra del certificado: Crash Course: Build a Full-Stack Web App in a Weekend!

Muestra · verificable por folio y QR

  • Emitido por la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México. No es una constancia privada: es un documento oficial, y ese respaldo marca la diferencia frente a otras plataformas en línea.
  • Contenido impartido por Jonas Schmedtmann.
  • Folio y QR verificables para compartirlo con quien te contrate.
Medios que necesitas
Equipo de cómputo Conexión estable a internet
Pago único

Empieza hoy, a tu ritmo

Un solo pago y acceso inmediato al curso completo durante 12 meses.

  • 8 unidades · 71 lecciones · 40 h
  • 12 meses de acceso
  • Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable
Pago único
$2,800MXN
Acceso por 12 meses
Inscribirme Hablar con un asesor
Preguntas frecuentes

Sobre tu inscripción

¿Cómo es el pago?

Un solo pago de $2,800 MXN. No hay mensualidades ni cargos recurrentes.

¿Cuánto tiempo tengo acceso?

12 meses desde tu inscripción, 24/7, para avanzar a tu ritmo.

¿Quién imparte el contenido?

El curso es impartido por Jonas Schmedtmann; INEC gestiona tu inscripción, evaluación y certificado.

¿Qué pasa cuando vence mi acceso?

Puedes renovar tu cuenta tú mismo desde la plataforma, sin trámites ni esperas.

Certificado emitido por la SEP a través del Gobierno del Estado de México · Crash Course: Build a Full-Stack Web App in a Weekend!

Inscribirme
  INEC es una Marca de SalesPartners Ciudad de México S de RL de CV. Template Design © Learnify LMS. All rights reserved. Terminos y Condiciones Aviso de Privacidad Politica de Devolución
Hide picture