FrontEnd.ro logo

Învață HTML de la zero

printr-un curs online, focusat pe practică și feedback de la developeri cu experiență

Ce este HTML-ul?

Este punctul de start în călătoria fiecărui FrontEnd developer.

Alături de CSS și JavaScript este unul din cele 3 limbaje pe care trebuie să le înveți pentru a construi site-uri și aplicații web.

Apasă pe checkbox-uri pentru a vedea cum arată componenta de mai jos fără CSS sau JavaScript.

0 Task-uri rămase

HTML

Definește structura de bază

CSS

Adaugă culori, spațieri, fonturi, etc. Practic, face pagina frumoasă și ușor de utilizat.

JavaScript

Adaugă funcționalitate: poți crea taskuri, iar apoi să le marchezi drept rezolvate.

Ce vei învăța?

Cursul acesta e destinat persoanelor cu zero (sau foarte puțină) experiență în FrontEnd, deci vom începe de la lucrurile de bază și apoi continua cu multă practică.

  • Ce e FrontEnd development-ul?
  • Care e rolul HTML-ului în cadrul ramurii de FrontEnd?
  • Cum să folosești VSCode ca și editor de cod
  • Care sunt și cum să folosești cele mai importante elemente HTML
  • Bune practici în zona de scriere a codului, accesibilitate și perfomanță
<html> <div> <form> <head> <span> <article> <video> <button> <title> <main> <label> <summary> <html> <div> <form> <head> <span> <article> <video> <button> <title> <main> <label> <summary> <html> <div> <form> <head> <span> <article> <video> <button> <title> <main> <label> <summary>
<aside> <pre> <code> <em> <br> <body> <header> <section> <p> <nav> <tbody> <progress> <h1> <aside> <pre> <code> <em> <br> <body> <header> <section> <p> <nav> <tbody> <progress> <h1> <aside> <pre> <code> <em> <br> <body> <header> <section> <p> <nav> <tbody> <progress> <h1>
<blockquote> <ol> <footer> <audio> <img> <picture> <h2> <canvas> <figure> <hr> <ul> <select> <blockquote> <ol> <footer> <audio> <img> <picture> <h2> <canvas> <figure> <hr> <ul> <select> <blockquote> <ol> <footer> <audio> <img> <picture> <h2> <canvas> <figure> <hr> <ul> <select>
<a> <time> <h3> <track> <iframe> <svg> <script> <link> <table> <input> <textarea> <details> <a> <time> <h3> <track> <iframe> <svg> <script> <link> <table> <input> <textarea> <details> <a> <time> <h3> <track> <iframe> <svg> <script> <link> <table> <input> <textarea> <details>

Cum funcționează cursul?

Citești lecția

Fiecare concept e explicat printr-o lecție text, cu exemple de cod.

Rezolvi exercițiile

La finalul fiecărei lecții vei găsi unul sau mai multe exerciții, pe care trebuie să le rezolvi iar apoi să ni le trimiți pentru feedback.

Îți evaluăm soluția

Ne uităm pe fiecare exercițiu rezolvat să vedem dacă e corect și respectă bunele practici de programare.

Îți trimitem feedback

Dacă exercitiul nu e corect, îți trimitem feedback de îmbunătățire direct în platformă.

Modifici soluția

Pe baza feedback-ului primit vei modifica soluția, iar apoi o trimiți încă o dată către evaluare.

O evaluăm din nou

Ne uitam iar peste această nouă soluție, să confirmăm dacă schimbările tale sunt corecte.

Îți acceptăm soluția!

Loremipsumdolorsitamet,consecteturadipiscingelit.Duisauctorturpisutcondimentumtempor.Donecatconsecteturmagna.

Quisquehendreritsollicitudinsem,malesuadasodaleslectus.Suspendissetempusmassanulla,etvolutpatnisitristiquenec.Morbifeugiatturpisateuismodlobortis.

usceegetviverralorem.Integervenenatisnullaeupulvinarmolestie.Nullasitametmetussitametquamportadictum.Fuscemaximusrutrumorci,vitaerhoncusodioaliquamvel.

Etiamconvallisnislnecmaurisplacerat,veltempusjustoeuismod.Suspendissealiquamsemperegestas.Maurissedornaresem.

Iar la final primești o certificare!

În programare nu contează prea mult diplomele în sine, ci ce știi să faci. De aceea, folosește această certificare ca o dovadă că ai reușit să scrii cod real, gata de producție, validat de developeri cu experiență!

FrontEnd.ro

Jon Doe

@jonDoe

Jon Doe avatar

a completat Modulul de HTML rezolvând cu succes toate cele 18 exerciții.

Gata să începem?