• No hay productos en el carrito.

Inicio / Cursos / The HTML & CSS Bootcamp 2026 Edition
Impartido por Colt SteelePago único de $2,800 MXN · acceso por 12 meses

The HTML & CSS Bootcamp 2026 Edition

Brand New Course! Covers Flexbox, CSS Grid, Animations, Responsive Design and More! Tons of Exercises & Projects.

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

Lo que serás capaz de hacer

**Modern in-depth HTML & CSS course!** ** Check out the promo video to see the beautiful, responsive projects we build in this course! ** This course will teach you everything you need to know about HTML, CSS, and web design to build your own stunning websites from scratch. Instead of just watching me code, you’ll learn how to structure and build any website you can think of . My background is in teaching in-person bootcamp programs around the world, where I work directly with students to help them learn web development and change careers. This course is based on all my experience in the classroom. Unlike most Udemy courses, this course includes dozens of exercises and challenges which ask you to recreate components, build layouts, and practice HTML and CSS. Practice is the most important tool I have to help you learn, and this course includes lots of it! This course covers a huge amount of information, but it’s designed to be approachable for complete beginners and intermediate developers alike. We start with the basics of HTML : structuring documents, creating text elements, tables, and forms. Then we learn about semantic markup and creating accessible webpages Next, we cover the basics of CSS : working with selectors, color systems, and styling text elements. From there, we cover critical CSS concepts including the box model, specificity, the cascade, and CSS units. Next you’ll learn all about backgrounds, gradients, filters, positioning elements , working with transitions and transformations, and many other more intermediate CSS properties. We then spend nearly 10 hours learning how to create complex CSS layouts using Flexbox and CSS Grid . We then build multiple projects with complicated layouts. You’ll learn how to build responsive layouts that look good on all screen sizes, from large desktops to tablets and mobile devices. Finally, we wrap up the course with our massive final project that we build together from scratch. This project combines everything we’ve learned in the course into one huge website built with thousands of lines of HTML & CSS. Check out the promo video to learn more about the final project. This course includes: Over 37 hours of high quality videos Downloadable assets, starter coder, and solutions for all sections Dozens of exercises, challenges, and quizzes Downloadable slides and cheatsheets, including beautiful diagrams and syntax references Included support in the course Q&A forums Access to our exclusive discord community with thousands of students About me (your instructor) I’m a teacher with extensive real-world teaching experience. I’ve taught thousands of students how to code at my in-person coding bootcamps around the globe. My graduates work at companies including Google, Tesla, Apple, Airbnb , and pretty much any big company you can name. My in-person teaching background informs the online experiences I create for students. Unlike most Udemy instructors, I’ve actually taught this material in a classroom full of students for nearly a decade. I know what works and what doesn’t work!

  • Master HTML & CSS and build massive real-world projects, with no prior knowledge needed!
  • How to write well-structured and semantic HTML documents
  • Master tricky CSS concepts including the cascade, inheritance, and specificity
  • Work with CSS animations, transitions, pseudo-elements, gradients, and more
  • Get practice with dozens of exercises, quizzes, and challenges
  • Design beautiful websites from the ground up that look good on all screen sizes

Temario

UNIDAD 1 - Introduction · 11 lecciones

UNIDAD 1 - Introduction

  • Welcome & Curriculum OverviewVideo · 6 min
  • Join Our Chat CommunityLectura · 0 min
  • Important Note On Leaving Feedback!Video · 2 min
  • A First Taste of HTML & CSSVideo · 11 min
  • How The Web WorksVideo · 8 min
  • The Roles of HTML, CSS, and JSVideo · 7 min
  • Quick Quiz On The Roles of HTML & CSSCuestionario · 0 min
  • Installing The Tools We NeedVideo · 3 min
  • IMPORTANT: About The Visual Studio Code Color ThemeLectura · 0 min
  • Configuring VSCodeVideo · 5 min
  • Important Note On The Course ExercisesVideo · 2 min
UNIDAD 2 - HTML Basics · 9 lecciones

UNIDAD 2 - HTML Basics

  • Introducing HTMLVideo · 4 min
  • The Basic HTML WorkflowVideo · 5 min
  • The Paragraph ElementVideo · 6 min
  • Mozilla Developer NetworkVideo · 2 min
  • Chrome Developer ToolsVideo · 4 min
  • Document StructureVideo · 5 min
  • Creating HTML CommentsVideo · 4 min
  • Creating HeadingsVideo · 10 min
  • HTML Basics ExerciseVideo · 10 min
UNIDAD 3 - More HTML · 9 lecciones

UNIDAD 3 - More HTML

  • Working With HTML ListsVideo · 8 min
  • The Em, Strong, B, and I ElementsVideo · 9 min
  • Nesting ElementsVideo · 2 min
  • Superscript and SubscriptVideo · 2 min
  • Inline Vs. Block ElementsVideo · 3 min
  • Creating LinksVideo · 7 min
  • Other Types of LinksVideo · 8 min
  • Creating ImagesVideo · 8 min
  • Pasta Recipe ExerciseVideo · 12 min
UNIDAD 4 - Working With Forms · 8 lecciones

UNIDAD 4 - Working With Forms

  • Creating Text Inputs and ButtonsVideo · 5 min
  • The Form ElementVideo · 7 min
  • Name and Placeholder AttributesVideo · 7 min
  • Properly Labelling Form ControlsVideo · 4 min
  • Other Types of InputsVideo · 5 min
  • Checkboxes, Textareas, and Range InputsVideo · 6 min
  • Selects and Radio Button GroupingsVideo · 8 min
  • Course Landing Page Form ExerciseVideo · 15 min
UNIDAD 5 - Other Elements · 5 lecciones

UNIDAD 5 - Other Elements

  • SpansVideo · 6 min
  • DivsVideo · 5 min
  • TablesVideo · 9 min
  • Semantic MarkupVideo · 7 min
  • Semantic ElementsVideo · 7 min
UNIDAD 6 - CSS Basics · 8 lecciones

UNIDAD 6 - CSS Basics

  • Getting Our Starter CodeVideo · 2 min
  • Working Within Inline StylesVideo · 4 min
  • Writing Internal StylesVideo · 5 min
  • External Styles: The Best Way To Write StylesVideo · 4 min
  • Quick Note on CodepenVideo · 2 min
  • Anatomy of CSSVideo · 5 min
  • The Element SelectorVideo · 3 min
  • CSS Basics ExerciseVideo · 3 min
UNIDAD 7 - The World of CSS Colors · 9 lecciones

UNIDAD 7 - The World of CSS Colors

  • Working with background-colorVideo · 2 min
  • Quick Tip: MDN & CommentsVideo · 4 min
  • Named ColorsVideo · 4 min
  • Understanding RGB ColorsVideo · 7 min
  • Hexadecimal ColorsVideo · 8 min
  • RGBA Colors and OpacityVideo · 6 min
  • Colors QuizVideo · 5 min
  • CSS InheritanceVideo · 6 min
  • CSS Colors ExerciseVideo · 8 min
UNIDAD 8 - Styling Text · 8 lecciones

UNIDAD 8 - Styling Text

  • Changing Fonts with Font-FamilyVideo · 12 min
  • Font-size, font-weight, and font-styleVideo · 9 min
  • Changing Text AlignmentVideo · 4 min
  • Line-height, letter-spacing, and word-spacingVideo · 5 min
  • Adding Custom Fonts With Google FontsVideo · 12 min
  • Styling Text ExerciseVideo · 13 min
  • Creating Text ShadowsVideo · 7 min
  • Our First Mini Project: CantileverVideo · 16 min
UNIDAD 9 - More Text Styling · 7 lecciones

UNIDAD 9 - More Text Styling

  • Text-transform & text-decorationVideo · 8 min
  • The ID SelectorVideo · 6 min
  • The Class SelectorVideo · 6 min
  • Styling ListsVideo · 8 min
  • Styling Links and :hover Pseudo-ClassVideo · 8 min
  • The Font Shorthand PropertyVideo · 5 min
  • Leafy Seadragon ExerciseVideo · 10 min
UNIDAD 10 - Selectors Pt. 1 · 6 lecciones

UNIDAD 10 - Selectors Pt. 1

  • The Universal SelectorVideo · 5 min
  • The Attribute SelectorVideo · 7 min
  • Grouping SelectorsVideo · 4 min
  • Descendant & Child CombinatorsVideo · 8 min
  • Compound SelectorsVideo · 4 min
  • CSS Selectors ExerciseVideo · 8 min
UNIDAD 11 - The Box Model · 16 lecciones

UNIDAD 11 - The Box Model

  • Introducing The Box ModelVideo · 5 min
  • Working With BordersVideo · 7 min
  • Width, Height, and PercentagesVideo · 7 min
  • Adding Padding to ElementsVideo · 7 min
  • Working With MarginsVideo · 5 min
  • The Alternate Box ModelVideo · 6 min
  • The Display PropertyVideo · 12 min
  • Display: NoneVideo · 4 min
  • Negative Margin & Margin AutoVideo · 6 min
  • Margin Collapsing: WTF?Video · 5 min
  • A Common Layout PatternVideo · 3 min
  • Min and Max WidthVideo · 4 min
  • Rounding Elements With Border RadiusVideo · 3 min
  • Box ShadowsVideo · 7 min
  • Working With OverflowVideo · 7 min
  • Ski Resort ExerciseVideo · 13 min
UNIDAD 12 - Artist Portfolio Project · 9 lecciones

UNIDAD 12 - Artist Portfolio Project

  • Introducing Our ProjectVideo · 3 min
  • Basic Project SetupVideo · 5 min
  • Writing The Navbar MarkupVideo · 4 min
  • Styling The NavbarVideo · 11 min
  • Finishing Up The NavbarVideo · 11 min
  • Creating The Photo GridVideo · 5 min
  • Continuing The Photo GridVideo · 13 min
  • Finishing The Photo GridVideo · 10 min
  • Adding The Footer ContentVideo · 16 min
UNIDAD 13 - Specificity and The Cascade · 11 lecciones

UNIDAD 13 - Specificity and The Cascade

  • Section IntroductionVideo · 1 min
  • The Sibling CombinatorVideo · 5 min
  • Working With Pseudo-ClassesVideo · 15 min
  • Styling Pseudo-ElementsVideo · 5 min
  • CSS Selectors Pt. 2 ExerciseVideo · 13 min
  • The Basics of SpecificityVideo · 8 min
  • Inline Styles and SpecificityVideo · 2 min
  • Calculating Specificity ValuesVideo · 10 min
  • !important and The CascadeVideo · 6 min
  • Wrapping Up The CascadeVideo · 6 min
  • Cascade & Specificity QuizCuestionario · 0 min
UNIDAD 14 - Blog Post Project · 8 lecciones

UNIDAD 14 - Blog Post Project

  • Introducing Our Blog Post ProjectVideo · 3 min
  • Centering The Main ContentVideo · 7 min
  • Working on TypographyVideo · 13 min
  • Creating the Headline SectionVideo · 13 min
  • Implementing Our HeadingsVideo · 10 min
  • Adding In Code StylesVideo · 12 min
  • Creating the FooterVideo · 10 min
  • Writing The Full Size HeroVideo · 10 min
UNIDAD 15 - CSS Units · 8 lecciones

UNIDAD 15 - CSS Units

  • Absolute Units: Pixels, Centimeters, and More!Video · 10 min
  • Working With PercentagesVideo · 5 min
  • The Joy of Rem UnitsVideo · 8 min
  • Understanding The Em UnitVideo · 8 min
  • Vw and Vh UnitsVideo · 7 min
  • CSS Units QuizCuestionario · 0 min
  • Which Units Should You Use?Video · 3 min
  • Working With FloatsVideo · 7 min
UNIDAD 16 - Hazel CV Project · 8 lecciones

UNIDAD 16 - Hazel CV Project

  • Introducing The ProjectVideo · 3 min
  • Setting Up The NavbarVideo · 8 min
  • Finishing The NavbarVideo · 5 min
  • Starting The Hero ContentVideo · 7 min
  • Making The Skills SectionVideo · 10 min
  • Creating The Blog SectionVideo · 11 min
  • Adding The Events SectionVideo · 7 min
  • Making A Simple FooterVideo · 5 min
UNIDAD 17 - Backgrounds, Gradients, & Filters · 11 lecciones

UNIDAD 17 - Backgrounds, Gradients, & Filters

  • Working With Background ImagesVideo · 9 min
  • Controlling Background-RepeatVideo · 3 min
  • Sizing Our BackgroundVideo · 6 min
  • Positioning BackgroundVideo · 6 min
  • Working With Background-ClipVideo · 2 min
  • Background ExerciseVideo · 6 min
  • An Important Note About Gradients!Video · 1 min
  • Creating Linear GradientsVideo · 6 min
  • Radial, Conic, and Repeating GradientsVideo · 8 min
  • The Background Shorthand PropertyVideo · 5 min
  • Fancy CSS FiltersVideo · 5 min
UNIDAD 18 - Positioning · 10 lecciones

UNIDAD 18 - Positioning

  • Introducing PositioningVideo · 5 min
  • Relative PositioningVideo · 5 min
  • Controlling Layers With Z-IndexVideo · 3 min
  • Absolute Positioning Pt 1Video · 6 min
  • Absolute Positioning Pt 2Video · 5 min
  • Creating A Button BadgeVideo · 15 min
  • Fixed PositioningVideo · 5 min
  • Positioning Exercise #1Video · 4 min
  • Positioning Exercise #2Video · 6 min
  • Positioning Exercise #3Video · 6 min
UNIDAD 19 - Transitions and Transforms · 10 lecciones

UNIDAD 19 - Transitions and Transforms

  • Introducing TransitionsVideo · 4 min
  • The Basic Transition SyntaxVideo · 7 min
  • Working With Multiple TransitionsVideo · 3 min
  • Transition Timing FunctionsVideo · 6 min
  • Transition DelaysVideo · 2 min
  • Understanding Animation PerformanceVideo · 10 min
  • Introducing TransformsVideo · 6 min
  • Other Types of TransformationsVideo · 8 min
  • Transform OriginVideo · 3 min
  • Building Fancy Button Hover EffectsVideo · 17 min
UNIDAD 20 - Flexbox: Part 1 · 13 lecciones

UNIDAD 20 - Flexbox: Part 1

  • Introducing FlexboxVideo · 7 min
  • Display: Flex and Flex AxisVideo · 6 min
  • Working With Flex-DirectionVideo · 5 min
  • Flexbox Exercise 1Video · 2 min
  • Flex-WrapVideo · 8 min
  • Justify-ContentVideo · 10 min
  • Flexbox Exercise 2Video · 2 min
  • Align-ItemsVideo · 6 min
  • Flexbox Exercise 3Video · 3 min
  • Align-ContentVideo · 6 min
  • Flexbox Exercise 4Video · 5 min
  • Align-SelfVideo · 4 min
  • Flexbox Exercise 5Video · 5 min
UNIDAD 21 - Flexbox Pt 2: Flex Items & Patterns! · 9 lecciones

UNIDAD 21 - Flexbox Pt 2: Flex Items & Patterns!

  • The Flex-Grow PropertyVideo · 11 min
  • Controlling Shrinkage With Flex-ShrinkVideo · 5 min
  • Flex-Basis: Important & ConfusingVideo · 6 min
  • The Flex Shorthand PropertyVideo · 8 min
  • The Order Flex-Item PropertyVideo · 8 min
  • Flexbox Patterns: Building A Simple NavbarVideo · 9 min
  • Flexbox Patterns: Nested Flex ContainersVideo · 5 min
  • Flexbox Patterns: Centering ContentVideo · 5 min
  • Flexbox Patterns: Building A Card LayoutVideo · 7 min
UNIDAD 22 - Cost Estimator Project · 10 lecciones

UNIDAD 22 - Cost Estimator Project

  • Introducing The Cost Estimator ProjectVideo · 3 min
  • Building Our ContainerVideo · 8 min
  • Creating The Top TabsVideo · 8 min
  • Positioning The Tabs UnderlineVideo · 8 min
  • Creating The Active Tab StylesVideo · 12 min
  • Adding The Toggle SectionVideo · 11 min
  • Building The Sessions CardVideo · 7 min
  • Creating The SliderVideo · 15 min
  • Creating The Two Price CardsVideo · 8 min
  • Finishing Up The Price CardsVideo · 12 min
UNIDAD 23 - Making Responsive Websites With Media Queries · 12 lecciones

UNIDAD 23 - Making Responsive Websites With Media Queries

  • Introducing Responsive DesignVideo · 7 min
  • Our First Media QueryVideo · 7 min
  • More On Media QueriesVideo · 6 min
  • Working With Media FeaturesVideo · 6 min
  • Media Query Logical OperatorsVideo · 3 min
  • Media Queries ExerciseVideo · 6 min
  • Media Queries Level 4 & 5Video · 5 min
  • Common Responsive BreakpointsVideo · 9 min
  • Creating a Simple Responsive NavbarVideo · 9 min
  • Responsive Flexbox Grid DemoVideo · 6 min
  • Mobile First vs. Desktop First DesignVideo · 5 min
  • Building a Simple Mobile-First LayoutVideo · 6 min
UNIDAD 24 - Making Our Projects Responsive · 4 lecciones

UNIDAD 24 - Making Our Projects Responsive

  • Making Cantilever ResponsiveVideo · 8 min
  • Making Potter Portfolio ResponsiveVideo · 9 min
  • Making Hazel CV Project ResponsiveVideo · 17 min
  • Making Cost Estimator ResponsiveVideo · 9 min
UNIDAD 25 - CSS Grid Part 1 · 11 lecciones

UNIDAD 25 - CSS Grid Part 1

  • Introducing CSS GridVideo · 7 min
  • Enabling CSS GridVideo · 5 min
  • Grid-Template-ColumnsVideo · 5 min
  • Grid-Template-RowsVideo · 5 min
  • Grid Exercise 1Video · 3 min
  • Grid-Template Shorthand PropertyVideo · 4 min
  • The Minmax() FunctionVideo · 8 min
  • Working With Repeat()Video · 4 min
  • Fit-ContentVideo · 3 min
  • Controlling Grid GapsVideo · 4 min
  • Grid Exercise 2Video · 3 min
UNIDAD 26 - CSS Grid Part 2 · 10 lecciones

UNIDAD 26 - CSS Grid Part 2

  • Working with Grid LinesVideo · 5 min
  • Positioning Grid ItemsVideo · 8 min
  • The Span KeywordVideo · 3 min
  • The Grid-Area Shorthand PropertyVideo · 6 min
  • Naming Our Grid LinesVideo · 7 min
  • Grid-Template-AreasVideo · 8 min
  • Using Grid-Template-Areas With Rows & ColsVideo · 6 min
  • Grid-Auto-FlowVideo · 5 min
  • Grid Auto Columns & RowsVideo · 4 min
  • Autofit and AutofillVideo · 7 min
UNIDAD 27 - Grid Project · 10 lecciones

UNIDAD 27 - Grid Project

  • Introducing Our Grid ProjectVideo · 4 min
  • Creating Image Overlay Pt 1Video · 11 min
  • Creating Image Overlay Pt 2Video · 6 min
  • Adding In Our ImagesVideo · 6 min
  • Positioning Our Images On The GridVideo · 8 min
  • Making Our Grid Layout ResponsiveVideo · 10 min
  • Fixing Our Image OverlaysVideo · 3 min
  • Building The NavbarVideo · 10 min
  • Finalizing The Navbar and FooterVideo · 7 min
  • Creating The Hamburger ButtonVideo · 12 min
UNIDAD 28 - Building Animations · 9 lecciones

UNIDAD 28 - Building Animations

  • Introducing Keyframes AnimationsVideo · 4 min
  • Defining @keyframesVideo · 6 min
  • More Practice With @KeyframesVideo · 8 min
  • Animation Delay, Repeat, and More!Video · 6 min
  • Reusing AnimationsVideo · 2 min
  • Animation Shorthand PropertyVideo · 4 min
  • Building A Simple Spinner AnimationVideo · 4 min
  • Creating a More Complex LoaderVideo · 9 min
  • The Animation Fill Mode PropertyVideo · 5 min
UNIDAD 29 - Building A Mobile Drawer Navbar · 6 lecciones

UNIDAD 29 - Building A Mobile Drawer Navbar

  • Introducing Our Animated DrawerVideo · 3 min
  • Writing The Individual Bar AnimationsVideo · 8 min
  • A Lightspeed Crash Course In JavaScriptVideo · 9 min
  • Making Our Hamburger Button WorkVideo · 7 min
  • Creating The Mobile Drawer MenuVideo · 7 min
  • Animating The Drawer Slide-OutVideo · 7 min
UNIDAD 30 - ::before and ::after Pseudo-Elements · 6 lecciones

UNIDAD 30 - ::before and ::after Pseudo-Elements

  • Introducing Before and AfterVideo · 5 min
  • Creating Decorative Quotes With Pseudo-ElementsVideo · 8 min
  • Gradient Borders With Pseudo-ElementsVideo · 6 min
  • Fancy Animated Buttons With Pseudo-ElementsVideo · 8 min
  • Super Fancy Animated Spinner With Pseudo-ElementsVideo · 8 min
  • Custom Form Controls With Pseudo-ElementsVideo · 13 min
UNIDAD 31 - Modern CSS · 8 lecciones

UNIDAD 31 - Modern CSS

  • Introducing CSS VariablesVideo · 3 min
  • Writing CSS VariablesVideo · 7 min
  • The :root pseudo-classVideo · 4 min
  • Variables and Media QueriesVideo · 3 min
  • Using Variables For SizesVideo · 5 min
  • Introducing Calc()Video · 6 min
  • The Rules of Calc()Video · 6 min
  • Another Example of Using Calc()Video · 5 min
UNIDAD 32 - Swipe Mega Project · 8 lecciones

UNIDAD 32 - Swipe Mega Project

  • Introducing SwipeVideo · 8 min
  • Setting Up Our Font VariablesVideo · 6 min
  • Defining Basic Heading StylesVideo · 7 min
  • Writing General Link StylesVideo · 5 min
  • Defining Body StylesVideo · 4 min
  • Creating our Text Classes - Subtitle, Secondary TextVideo · 12 min
  • Defining Our Button Styles - Primary & Secondary ButtonsVideo · 13 min
  • Creating Our Buttons With Animated IconsVideo · 5 min
UNIDAD 33 - Swipe Project Pt 2 · 10 lecciones

UNIDAD 33 - Swipe Project Pt 2

  • Building The NavbarVideo · 12 min
  • Defining Our Two-Column Layout ClassesVideo · 12 min
  • Writing The Hero MarkupVideo · 5 min
  • Styling The Page HeroVideo · 13 min
  • Building The Partners Grid SectionVideo · 9 min
  • Adding The Unified Platform SectionVideo · 15 min
  • Creating Our Graphic Photos GridVideo · 8 min
  • Writing Our Reusable Card ClassVideo · 7 min
  • Adding The Integrations SectionVideo · 17 min
  • Defining The Why Swipe SectionVideo · 9 min
UNIDAD 34 - Swipe Pt 3 · 11 lecciones

UNIDAD 34 - Swipe Pt 3

  • Creating The Global SectionVideo · 15 min
  • Positioning The Globe ImageVideo · 6 min
  • Adding The Virtual Events Section MarkupVideo · 8 min
  • Styling The Virtual Events SectionVideo · 20 min
  • Building The Getting Started SectionVideo · 12 min
  • Writing The Page Footer MarkupVideo · 7 min
  • Styling The Page FooterVideo · 14 min
  • Adding The First Angled StripeVideo · 8 min
  • Finishing The Angled StripesVideo · 9 min
  • Creating The Animated Gradient Hero BackgroundVideo · 11 min
  • Fixing An Issue With Our Angled StripesVideo · 4 min
UNIDAD 35 - Swipe Pt 4: Making It Responsive · 14 lecciones

UNIDAD 35 - Swipe Pt 4: Making It Responsive

  • Starting To Make Swipe ResponsiveVideo · 8 min
  • Making The Partners Grid ResponsiveVideo · 8 min
  • Making The Unified Platform Section ResponsiveVideo · 6 min
  • Making The Integrations Section ResponsiveVideo · 9 min
  • Making The Why Swipe Section ResponsiveVideo · 7 min
  • Making The Global Section ResponsiveVideo · 6 min
  • Making The Virtual Events Section ResponsiveVideo · 9 min
  • Making The Bottom of The Page ResponsiveVideo · 11 min
  • Making The Page Hero ResponsiveVideo · 26 min
  • Adding Our Responsive NavbarVideo · 11 min
  • Responsive Tweaks To Background StripesVideo · 15 min
  • Cleaning Up Our CSSVideo · 11 min
  • Fixing A Minor Issue With Border RadiusVideo · 5 min
  • Fixing Another Minor Issue With Partners GridVideo · 7 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

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

  3. 3

    Cuestionarios por unidad

    3 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: The HTML & CSS Bootcamp 2026 Edition

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 Colt Steele.
  • 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.

  • 35 unidades · 322 lecciones · 60 h
  • 12 meses de acceso
  • 3 cuestionarios de evaluación
  • 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 Colt Steele; 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 · The HTML & CSS Bootcamp 2026 Edition

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