

Incerto da dove
iniziare?
Track
Certificato
Web Developer from Zero to Hero
4.7+
★★★★★
★★★★★
832 recensioni
Beginner
Discover the power to create captivating websites by harnessing HTML, CSS, and JavaScript. Immerse yourself in building dynamic web applications enhanced with cutting-edge frameworks and libraries. Mostra di più
HTML/CSS
JavaScript
React
Boost your Tech Skills!
with up to 55% off
What you'll get with our subscription:
Access to 85+ top-rated courses
AI-driven Learning
Workspaces for practicing your skills
Personalized study tracks
Certificates of completion
Training 2 or more people?
Get your team access to Codefinity courses anytime, anywhere.
Try Codefinity TeamsWhat you will learn
- Comprendere il ruolo fondamentale dei tag e degli attributi nella creazione di pagine web.
- Comprendere la strutturazione dei documenti web attraverso l'apprendimento del flusso del documento e degli elementi head.
- Sviluppare la capacità di inserire e gestire immagini, audio e video, migliorando la gestione dei media web.
- Acquisire competenza nella creazione e organizzazione di moduli, padroneggiando l'uso dei tipi di input e degli elementi del modulo.
- 241 chapters
- 28 hours
- 253 tasks
Trusted by employees of leading companies
Learning track content
Module 1 / HTML Definitivo
Esplora il funzionamento interno del web. Scopri come i dati viaggiano attraverso le reti, scopri il ruolo dei protocolli e svela i misteri degli indirizzi IP e dei nomi di dominio. Ottieni una comprensione a livello generale di come i browser web e i server comunicano per fornire contenuti web.
Scopri il potere dei tag per strutturare il contenuto, dai titoli e paragrafi a elenchi e tabelle. Impara come migliorare gli elementi con gli attributi.
- Comprendere i Tag HTMLAnteprima
- Lavorare con gli Attributi HTMLAnteprima
- Comprendere i Tag Accoppiati e Singoli in HTMLAnteprima
- Markup del Testo e Formattazione in HTMLAnteprima
- Sfida: Crea il Tuo Primo Paragrafo di Pagina WebAnteprima
- Sfida: Costruisci una Pagina Web di Presentazione PersonaleAnteprima
- Sfida: Progetta una Pagina Web per la Presentazione di FilmAnteprima
- Utilizzare Collegamenti e Pulsanti in HTMLAnteprima
- Sfida: Crea Collegamenti a Siti Web PopolariAnteprima
- Convalidare il Tuo Codice HTML per le Migliori PraticheAnteprima
Il nucleo della struttura del documento HTML. Impara i componenti di un documento HTML, inclusa la dichiarazione doctype, head e body. Comprendi lo scopo di ciascun elemento e come contribuiscono alla struttura complessiva di una pagina web.
- I Segreti Dietro le Pagine Web Ben StrutturateAnteprima
- Comprendere la Struttura del Documento HTMLAnteprima
- Il Ruolo della Testa del DocumentoAnteprima
- Gestione del Flusso e del Layout del DocumentoAnteprima
- Sfida: Struttura Correttamente un Documento HTMLAnteprima
- Utilizzo degli Strumenti per Sviluppatori per l'Ispezione e il Debug di HTMLAnteprima
Rendi una pagina web più attraente con l'aiuto di media come immagini, audio e video. Lavora con dati tabulari strutturati sotto forma di tabelle.
- Aggiungere Immagini in HTMLAnteprima
- Sfida: Lavorare con le ImmaginiAnteprima
- Lavorare con Immagini Cliccabili, Didascalie e OttimizzazioneAnteprima
- Comprendere la Grafica Vettoriale e RasterAnteprima
- Incorporare Audio e Video per Contenuti Multimediali RicchiAnteprima
- Sfida: Incorporare Audio e Video in HTMLAnteprima
- Creare e Strutturare Tabelle in HTMLAnteprima
- Sfida: Progettare una Tabella HTML FunzionaleAnteprima
Esplora la versatilità dei moduli HTML. Impara a progettare moduli intuitivi e facili da usare sfruttando concetti e tecniche chiave. Scopri come i moduli consentono l'interazione dell'utente e l'invio di dati sui siti web.
- Introduzione ai Moduli HTMLAnteprima
- Fondamenti della Creazione di Moduli in HTMLAnteprima
- Utilizzare le Etichette per una Migliore Accessibilità dei ModuliAnteprima
- Migliorare i Moduli con Attributi di InputAnteprima
- Esplorando i Diversi Tipi di Input in HTMLAnteprima
- Sfida: Crea un Modulo con Inputs ed EtichetteAnteprima
- Lavorare con l'Elemento Textarea per l'Input Multi-lineaAnteprima
- Utilizzare l'Elemento Select per i Menu a TendinaAnteprima
- Utilizzo dell'Elemento Datalist per Suggerimenti di Input PredefinitiAnteprima
- Raggruppare Gli Elementi del Modulo per una Struttura MiglioreAnteprima
Module 2 / CSS Fundamentals
Basic CSS concepts and rules to add styles to the web page.
- What is CSS?Anteprima
- Connecting HTML and CSSAnteprima
- Selectors for Styling HTML ElementsAnteprima
- Challenge: Add Your First StylesAnteprima
- Challenge: Add The Styles using the Class NameAnteprima
- User Action Pseudo-ClassesAnteprima
- Challenge: User Action Pseudo-ClassesAnteprima
- Text ColorsAnteprima
- Effective Work with CSSAnteprima
- Challenge: Variables in CSSAnteprima
Set of CSS properties that are used to style the text content of HTML elements.
Concept of arranging elements according to the box model, which describes the layout and spacing of all elements.
- Box ModelAnteprima
- Box SizingAnteprima
- Adding Space to ElementsAnteprima
- Challenge: Box-SizingAnteprima
- Structural and Functional Pseudo-ClassesAnteprima
- Challenge: Structural Pseudo-ClassesAnteprima
- Element TypesAnteprima
- Working with Block-Level ElementsAnteprima
- Working with Inline ElementsAnteprima
- Challenge: Predict the Page LayoutAnteprima
Method of arranging the set of elements in rows and columns.
Create visually stunning and interactive web designs by using advanced CSS techniques for adding decorative elements.
Module 3 / Advanced CSS Techniques
Research what learners can expect from this advanced HTML and CSS styling course. What do you need to know before starting the course? What topics will be covered in it?
Position and manage elements on the web pages. Learn about the different positioning properties, discover how to use the stacking order to control the visibility of elements that overlap each other, and finally, handle content overflow.
- Understanding CSS PositioningAnteprima
- Relative Positioning ExplainedAnteprima
- Challenge: Apply Relative PositioningAnteprima
- Absolute Positioning in CSSAnteprima
- Challenge: Implement Absolute PositioningAnteprima
- Fixed Positioning for Sticky UI ElementsAnteprima
- Challenge: Work with Fixed PositioningAnteprima
- Sticky Positioning for Dynamic LayoutsAnteprima
- Challenge: Master Sticky PositioningAnteprima
- Managing the Stacking Order of ElementsAnteprima
- Challenge: Control Z-Index and Overlapping ElementAnteprima
- Handling Content Overflow in CSSAnteprima
Research the power of transitions and learn how to improve the user experience. Discover how to liven properties smoothly and gradually, creating seamless state transitions.
- Introduction to CSS TransitionsAnteprima
- Choosing the Right Transition PropertiesAnteprima
- Setting Transition Duration for EffectsAnteprima
- Customizing Transitions with Timing FunctionsAnteprima
- Adding Delay to CSS TransitionsAnteprima
- Combining TransitionsAnteprima
- Challenge: Add a Smooth Transition EffectAnteprima
Learn about the animation property and how it can be used to create dynamic and engaging designs. Discover how to create complex animations using keyframes and how to control the animation.
Explore the transformation property, which allows modifying the appearance and position of elements on a webpage. Learn how to scale, rotate, skew, and translate elements in two and three dimensions. Combine multiple transformations to create more complex effects.
- Introduction to CSS TransformationsAnteprima
- Scaling ElementsAnteprima
- Rotating Elements in 2D and 3DAnteprima
- Challenge: Apply Scaling & RotationAnteprima
- Translating Elements for Dynamic EffectsAnteprima
- Skewing Elements for Unique DesignsAnteprima
- Using Perspective for Depth EffectsAnteprima
- Challenge: Combine Translation and SkewingAnteprima
The principles and techniques used in adaptive/responsive design aim to make websites and applications accessible and visually appealing across different devices, screen sizes, and orientations.
Learn about preprocessors in CSS and how they can help to write more efficient and maintainable code. Understand how to use preprocessors to simplify the workflow and generate cleaner CSS code.
- Introduction to CSS PreprocessorsAnteprima
- Understanding Sass Syntax for Better CSSAnteprima
- Using Sass Variables for Reusable StylesAnteprima
- Performing Calculations with Sass Numeric OperatorsAnteprima
- Nesting Styles for Cleaner CodeAnteprima
- Extending Styles with the @extend DirectiveAnteprima
- Organizing Sass Files for Scalable ProjectsAnteprima
Module 4 / Introduzione a JavaScript
Scopri i fondamenti di JavaScript, inclusi il suo scopo e la sintassi. Impara a lavorare con la console per l'output e a utilizzare i commenti per organizzare e documentare il tuo codice. Queste competenze di base ti prepareranno per un'esplorazione più approfondita delle capacità di JavaScript.
Esplora i fondamenti di JavaScript distinguendo tra letterali e variabili. Comprendi i tipi di dati principali, inclusi `null` e array, e impara a manipolarli utilizzando i metodi degli array.
- Comprendere le Variabili in JavaScriptAnteprima
- Sfida: Definire la VariabileAnteprima
- Utilizzare const per le CostantiAnteprima
- Esplorare i Tipi di Dati JavaScriptAnteprima
- Lavorare con Null in JavaScriptAnteprima
- Introduzione agli ArrayAnteprima
- Metodi degli Array e ManipolazioneAnteprima
- Sfida: Eseguire Operazioni Sugli ArrayAnteprima
Impara a manipolare i tipi di dati di JavaScript attraverso operazioni essenziali. Padroneggia l'assegnazione, le operazioni matematiche, l'incremento e il decremento, i confronti, le operazioni logiche e la concatenazione di stringhe.
- Comprendere gli Operatori di AssegnazioneAnteprima
- Operazioni Matematiche in JavaScriptAnteprima
- Operatori di Assegnazione in JavaScriptAnteprima
- Operatori di Incremento e DecrementoAnteprima
- Sfida: Pratica delle Operazioni con le VariabiliAnteprima
- Operatori di Confronto in JavaScriptAnteprima
- Operatori Logici SpiegatiAnteprima
- Sfida: Confronta le Variabili in JavaScriptAnteprima
- Concatenare Stringhe in JavaScriptAnteprima
- Sfida: Costruisci Frasi con JavaScriptAnteprima
Scopri come controllare il flusso dei tuoi programmi con le istruzioni condizionali. Impara a padroneggiare `if`, `else` e `else if` per istruire JavaScript a prendere decisioni ed eseguire codice basato su diverse condizioni.
Ottimizza il tuo codice padroneggiando le strutture di ciclo di JavaScript. Esplora i cicli `while`, `do while` e `for`, e impara a controllarne il comportamento usando `break` e `continue`. Sblocca la potenza dei cicli per eseguire compiti ripetitivi in modo efficiente.
- Comprendere il Ciclo While in JavaScriptAnteprima
- Utilizzare il Ciclo Do While per l'IterazioneAnteprima
- Sfida: Stampa Numeri da 5 a 9Anteprima
- Padroneggiare il Ciclo for in JavaScriptAnteprima
- Sfida: Console Tigers con CicliAnteprima
- Uscire dai Cicli con BreakAnteprima
- Saltare le Iterazioni con ContinueAnteprima
- Sfida: Fermarsi e Saltare nei LoopsAnteprima
Scopri il potere delle funzioni in JavaScript. Impara a definire funzioni, lavorare con gli argomenti e utilizzare l'istruzione `return` per creare codice riutilizzabile ed efficiente. Padroneggiare le funzioni migliorerà la tua capacità di scrivere programmi puliti e modulari.
- Cosa Sono le Funzioni in JavaScript?Anteprima
- Definire Funzioni in JavaScriptAnteprima
- Sfida: Scrivi una Funzione – Il Mio NomeAnteprima
- Utilizzare Efficacemente gli Argomenti delle FunzioniAnteprima
- Restituire Valori dalle FunzioniAnteprima
- Sfida: Crea una Funzione di SommaAnteprima
- Riepilogo del Corso e Prossimi PassiAnteprima
Module 5 / React Mastery
Gain an understanding of the core principles of React. You'll learn about JSX (JavaScript XML), building reusable UI components, and rendering elements. Additionally, you'll explore the importance of data collection and conditional rendering in React applications. By the end of this section, you'll have a solid foundation of React's essential concepts, setting you up for success in the more advanced topics covered in the following sections.
- What Is React and Why Use It?Anteprima
- Comparing SPAs and MPAs in Web DevelopmentAnteprima
- How React Works with the Virtual DOMAnteprima
- Introducing JSX for Writing HTML in JavaScriptAnteprima
- Building Complex UI with JSXAnteprima
- Rendering Elements in ReactAnteprima
- Challenge: Render an Element in ReactAnteprima
- Understanding React ComponentsAnteprima
- Passing Data with Props in ReactAnteprima
- Challenge: Create Functional ComponentsAnteprima
- Conditional Rendering in ReactAnteprima
- Challenge: Implement Conditional Rendering – Chat NotificationAnteprima
- Challenge: Implement Conditional Rendering – Bank AlertAnteprima
- Rendering Collections of Data in ReactAnteprima
- Challenge: Display Data Collections in ReactAnteprima
- React Fundamentals Wrap-UpAnteprima
Explore the various methods of adding styles to the React applications. You will learn how to apply styles to individual components, use dynamic styles, and maintain a scalable and maintainable styling approach in your projects.
- Introduction to Styling in ReactAnteprima
- Using Inline Styles in ReactAnteprima
- Applying Inline Styles in PracticeAnteprima
- Challenge: Use Inline Styles in a React ComponentAnteprima
- Styling React Components with External CSSAnteprima
- Applying External CSS in PracticeAnteprima
- Challenge: Apply External CSS to a React AppAnteprima
- Using CSS Modules for Scoped Styling in ReactAnteprima
- Organizing File and Folder Structures for StylesAnteprima
- Challenge: Use CSS Modules in ReactAnteprima
- Styling Techniques in React Wrap-UpAnteprima
Powerful features in modern React development. Hooks revolutionize how we write functional components, providing a concise and intuitive way to manage state and perform side effects. Conversely, Context allows us to share data through the component tree without prop drilling. Combining hooks and Context enables efficient state management and simplified data sharing in React applications.
- Introduction to React Hooks and ContextAnteprima
- Managing State with the useState HookAnteprima
- Challenge: Toggle Visibility with useStateAnteprima
- Working with References Using the useRef HookAnteprima
- Challenge: Build a Controlled Form ComponentAnteprima
- Handling Side Effects with the useEffect HookAnteprima
- Challenge: Fetch and Display Data with useEffectAnteprima
- Optimizing Performance with the useMemo HookAnteprima
- Challenge: Implement a Car List Filter with useMemoAnteprima
- Sharing State Across Components with ContextAnteprima
- Using Context in a Real-World ScenarioAnteprima
- Challenge: Build a World of Astronomy App with ContextAnteprima
- React Hooks and Context Wrap-UpAnteprima
Step-by-step guide on how to start a real-world React project. From setting up your development environment to understanding project organization and critical tools, you'll gain the knowledge and confidence to embark on your React journey.
Module 6 / React Router Essentials
Learn the theoretical basics of concepts such as URL, domain, protocol, query parameters, and more. Understand the significance of routing in web applications and why we need the React Router library.
Discover how to create an entire React application from scratch, with the ability to display content that adapts based on the URL using React Router functionality.
- Overview of the Multi-Page WebsiteAnteprima
- Installing React RouterAnteprima
- Enabling Routing in a React AppAnteprima
- Defining Routes for NavigationAnteprima
- Recap: First Steps in React RouterAnteprima
- Optimizing Imports with Lazy LoadingAnteprima
- Implementing a Fallback ComponentAnteprima
- Recap: Second Steps in React RouterAnteprima
- Creating and Managing NavigationAnteprima
- Exploring React Router's Complete LogicAnteprima
- Recap of React Router FundamentalsAnteprima
Explore using query strings for sharing and managing application state via URLs, work with different data types in query parameters, and leverage React Router for navigation and effects based on URL changes.
Requirements
- A computer with a browser - all browsers are supported.
- Your enthusiasm to enhance your tech skills.
- Everything else needed to start learning and practicing is already included in this course.
Over 200,000 5-star ratings and counting
Ruslan Kravchuk
La cosa principale è imparare e non arrendersi
Il materiale è buono, c'è tanto da imparare, tutto per migliorarsi, e la cosa principale è imparare ciò che desideri....
Matteo Comune
Grazie a loro sto imparando molto…
Grazie a loro sto imparando molto più rapidamente perché ti aiutano a comprendere tutto da zero. È il miglior sito web per chi non ha background in IT...
Yuliana Cadavid
ottimo corso per principianti
ottimo corso per principianti, mettono alla prova le tue conoscenze in ogni lezione...
Elpunzon
Sto apprezzando la mia esperienza su Codefinity…
Sto apprezzando la mia esperienza di apprendimento di Python con Codefinity. Il metodo di studio autodidatta è fantastico perché posso adattarlo al mio orario...
Alexandru Alexandru
È piacevole imparare da Codefinity
È piacevole imparare da Codefinity. È facile e offre buoni esempi di quanto appreso qui...
jacob Templet
Easy to follow along with and provides…
Facile da seguire e offre una sfida nella mia vita quotidiana. La sfida mi motiva a imparare giorno dopo giorno...
Elan
Codefinity è uno strumento di apprendimento completo…
Codefinity è uno strumento di apprendimento completo che ti aiuta a sviluppare le tue competenze come ingegnere del software o data scientist. Gli esercizi sono divertenti e un ottimo modo per affinare le tue abilità...
Thibault
Prima volta che impari a programmare
La prima volta che ho imparato a programmare e ci sono riuscito con Codefinity - Grazie...
Adrien Morel
Ben progettato per principianti assoluti
Ben progettato per principianti assoluti, con un progresso incrementale che mi dà fiducia....
_Gracy
è semplicemente perfettamente spiegato
È semplicemente perfettamente spiegato! Finora non ho incontrato alcuna difficoltà perché tutto è così ben organizzato....
Ruslan Kravchuk
La cosa principale è imparare e non arrendersi
Il materiale è buono, c'è tanto da imparare, tutto per migliorarsi, e la cosa principale è imparare ciò che desideri....
Matteo Comune
Grazie a loro sto imparando molto…
Grazie a loro sto imparando molto più rapidamente perché ti aiutano a comprendere tutto da zero. È il miglior sito web per chi non ha background in IT...
Yuliana Cadavid
ottimo corso per principianti
ottimo corso per principianti, mettono alla prova le tue conoscenze in ogni lezione...
Elpunzon
Sto apprezzando la mia esperienza su Codefinity…
Sto apprezzando la mia esperienza di apprendimento di Python con Codefinity. Il metodo di studio autodidatta è fantastico perché posso adattarlo al mio orario...
Alexandru Alexandru
È piacevole imparare da Codefinity
È piacevole imparare da Codefinity. È facile e offre buoni esempi di quanto appreso qui...
jacob Templet
Easy to follow along with and provides…
Facile da seguire e offre una sfida nella mia vita quotidiana. La sfida mi motiva a imparare giorno dopo giorno...
Elan
Codefinity è uno strumento di apprendimento completo…
Codefinity è uno strumento di apprendimento completo che ti aiuta a sviluppare le tue competenze come ingegnere del software o data scientist. Gli esercizi sono divertenti e un ottimo modo per affinare le tue abilità...
Thibault
Prima volta che impari a programmare
La prima volta che ho imparato a programmare e ci sono riuscito con Codefinity - Grazie...
Adrien Morel
Ben progettato per principianti assoluti
Ben progettato per principianti assoluti, con un progresso incrementale che mi dà fiducia....
_Gracy
è semplicemente perfettamente spiegato
È semplicemente perfettamente spiegato! Finora non ho incontrato alcuna difficoltà perché tutto è così ben organizzato....
Data Engineer
Certificato di Completamento
Mostra le abilità che hai acquisite recentemente. Te lo sei guadagnato
Discover more
Learning tracks
Solo per Ultimate
7 Corsi
293 Compiti
Solo per Ultimate
6 Corsi
168 Compiti
Solo per Ultimate
4 Corsi
115 Compiti
Solo per Ultimate
6 Corsi
101 Compiti
Solo per Ultimate
4 Corsi
143 Compiti
Solo per Ultimate
5 Corsi
119 Compiti
Solo per Ultimate
3 Corsi
39 Compiti
Solo per Ultimate
7 Corsi
376 Compiti
Solo per Ultimate
2 Corsi
1 Progetto
57 Compiti
Solo per Ultimate
7 Corsi
346 Compiti
Solo per Ultimate
6 Corsi
309 Compiti
Solo per Ultimate
5 Corsi
146 Compiti
Solo per Ultimate
5 Corsi
135 Compiti
Solo per Ultimate
3 Corsi
71 Compiti
Solo per Ultimate
6 Corsi
239 Compiti
Solo per Ultimate
5 Corsi
239 Compiti
Solo per Ultimate
4 Corsi
125 Compiti
Solo per Ultimate
3 Corsi
119 Compiti
Solo per Ultimate
3 Corsi
75 Compiti
Learning tracks
traccia
Sviluppo Web con C#
Principiante
4.8
(2347)
traccia
Python da Zero a Eroe
Principiante
4.7
(8314)
traccia
SQL da Zero a Eroe
Principiante
4.7
(2583)
traccia
Fondamenti di C++
Principiante
4.5
(475)
traccia
Sviluppo di Giochi con Unity
Principiante
4.7
(70)
traccia
Diventa uno Sviluppatore React
Intermedio
4.7
(66)
traccia
Fondamenti di Excel
Principiante
4.7
(293)
traccia
Fondamenti di Java
Principiante
4.7
(193)
traccia
Python Oltre l'Intermedio
Principiante
4.6
(63)
traccia
Sviluppo Web Full Stack
Principiante
4.7
(847)
traccia
Fondamenti Dello Sviluppo Frontend
Principiante
4.7
(818)
traccia
Padroneggiare la Visualizzazione dei Dati
Intermedio
4.7
(558)
traccia
Apprendimento Supervisionato delle Macchine
Intermedio
4.6
(123)
traccia
Padronanza di C++
Avanzato
4.8
(16)
traccia
Java Web
Avanzato
4.7
(1153)
traccia
Diventa un Ingegnere QA
Principiante
4.7
(712)
traccia
Produzione Video con Adobe
Principiante
5.0
(5)
traccia
Strumenti di Design UI/UX
Principiante
5.0
(4)
traccia
Competenze Essenziali per l'Ufficio
Principiante
4.8
(235)
Become a Development expert
Interactive exercises
Learning videos
AI-assistant on all courses
Workspaces for designing your own projects
Ready to get started?
ProBest intro offer | UltimateA complete experience to kickstart your career | |
---|---|---|
85+ Top-Rated courses | ||
Completion certificates | ||
AI-Assistant in all courses | ||
20+ hands-on Real-world projects | ||
Personalized study tracks | ||
Unlimited workspaces | ||
Boost your Tech Skills!
with up to 55% off
What you'll get with our subscription:
Access to 85+ top-rated courses
AI-driven Learning
Workspaces for practicing your skills
Personalized study tracks
Certificates of completion
Training 2 or more people?
Get your team access to Codefinity courses anytime, anywhere.
Try Codefinity Teams