

Incerto da dove
iniziare?
Track
Certificato
Fondamenti Dello Sviluppo Frontend
4.6+
★★★★★
★★★★★
922 recensioni
Beginner
Esplora i pilastri fondamentali delle competenze di ogni sviluppatore web. Inizia con HTML, dove imparerai a strutturare i contenuti web, creare una navigazione intuitiva e incorporare senza problemi elementi multimediali. Mostra di più
HTML/CSS
JavaScript
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
- Structure and organize web content using HTML.
- Style and design responsive layouts with CSS.
- Apply advanced CSS techniques for positioning, animation, and responsive design.
- Write JavaScript to add interactivity and dynamic behavior to web pages.
- Work with JavaScript data structures to manage and manipulate data.
- Use the DOM to build interactive and user-friendly web interfaces.
- 260 chapters
- 32 hours
- 306 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.
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.
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.
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.
Module 2 / CSS Fundamentals
Learn what CSS is, how to connect it with HTML, and how to style HTML elements using selectors. Explore foundational concepts like text colors, user action pseudo-classes, and variables in CSS.
Discover how to style and format text on your web pages. Learn to apply custom fonts and explore various font properties to enhance the appearance of text.
Learn the fundamentals of the box model, which defines the layout and spacing of elements on a web page. Explore concepts such as box sizing, adding space to elements, working with block-level and inline elements, and utilizing structural and functional pseudo-classes for advanced styling.
Discover Flexbox, a powerful CSS layout method for arranging elements in rows and columns. Learn how to control the direction, alignment, and spacing of elements horizontally and vertically, as well as customize individual flex items for precise layouts.
Learn how to enhance the visual appeal of your web pages with CSS. Explore techniques for applying background colors and images, styling images, using decorative pseudo-elements, and adding shadows to create stunning designs.
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.
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.
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.
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.
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.
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.
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.
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.
Module 5 / JavaScript Data Structures
Get a clear roadmap of what's to come, understand the prerequisites, and learn valuable tips to set you up for success as you delve into objects, arrays, and essential programming concepts.
Explore the core concepts of JavaScript objects. This section covers the fundamentals of object creation, property management, and method implementation.
Dive into advanced techniques for working with JavaScript objects. This section delves into various strategies to efficiently manipulate and interact with objects.
Embark on a journey into the JavaScript arrays. This section provides a strong foundation for creating arrays, managing elements, and executing basic array operations.
Master the advanced array manipulation skills, covering various techniques and methods for handling arrays effectively in multiple scenarios.
Module 6 / Advanced JavaScript Mastery
Learn the fundamentals of JavaScript classes, from class declarations to defining methods that enhance functionality. Discover how to use parameter objects effectively, manage private properties, and control access with getters and setters. Master static properties and static methods and unlock the power of class inheritance using "extends" and "super()" to build scalable and reusable code.
Master DOM manipulation to create dynamic, interactive web applications. Navigate and modify the DOM's structure, dynamically update content, and implement best practices for security and performance. Differentiate between properties and attributes to optimize your code.
Unlock the interactivity of your web applications by mastering JavaScript events. Understand event propagation, control event behavior, and implement efficient event handling for user interactions. Optimize performance with advanced techniques like event delegation.
Dive into asynchronous JavaScript, including callbacks, Promises, and async/await. Learn how to fetch data from APIs, integrate third-party libraries, and handle multiple requests efficiently, building skills for creating data-driven applications.
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
195 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
4 Corsi
98 Compiti
Solo per Ultimate
3 Corsi
38 Compiti
Solo per Ultimate
7 Corsi
376 Compiti
Solo per Ultimate
7 Corsi
343 Compiti
Solo per Ultimate
5 Corsi
145 Compiti
Solo per Ultimate
5 Corsi
148 Compiti
Solo per Ultimate
3 Corsi
70 Compiti
Solo per Ultimate
7 Corsi
278 Compiti
Solo per Ultimate
5 Corsi
237 Compiti
Solo per Ultimate
4 Corsi
125 Compiti
Solo per Ultimate
4 Corsi
162 Compiti
Solo per Ultimate
3 Corsi
75 Compiti
Solo per Ultimate
5 Corsi
211 Compiti
Solo per Ultimate
5 Corsi
206 Compiti
Solo per Ultimate
3 Corsi
2 Progetti
49 Compiti
Solo per Ultimate
3 Corsi
180 Compiti
Solo per Ultimate
5 Corsi
175 Compiti
Learning tracks
traccia
Sviluppo Web con C#
Principiante
4.7
(2664)
traccia
Python da Zero a Eroe
Principiante
4.6
(9586)
traccia
SQL da Zero a Eroe
Principiante
4.7
(2906)
traccia
Fondamenti di C++
Principiante
4.2
(592)
traccia
Sviluppo di Giochi con Unity
Principiante
4.6
(103)
traccia
Diventa uno Sviluppatore React
Intermedio
4.3
(84)
traccia
Fondamenti di Excel
Principiante
4.6
(414)
traccia
Fondamenti di Java
Principiante
4.5
(249)
traccia
Sviluppo Web Full Stack
Principiante
4.6
(963)
traccia
Padroneggiare la Visualizzazione dei Dati
Intermedio
4.6
(632)
traccia
Apprendimento Supervisionato delle Macchine
Intermedio
4.4
(144)
traccia
Padronanza di C++
Avanzato
4.4
(19)
traccia
Java Web
Avanzato
4.7
(3188)
traccia
Diventa un Ingegnere QA
Principiante
4.6
(795)
traccia
Produzione Video con Adobe
Principiante
5.0
(6)
traccia
Strumenti di Design UI/UX
Principiante
4.9
(8)
traccia
Competenze Essenziali per l'Ufficio
Principiante
4.7
(328)
traccia
Digital Marketing Essentials
Principiante
4.3
(7)
traccia
Complete Social Media Management
Principiante
5.0
(3)
traccia
Business AI Toolkit
Principiante
4.7
(36)
traccia
Sviluppo di Siti Web Senza Codice
Principiante
4.3
(3)
traccia
Odissea del Deep Learning
Avanzato
4.4
(24)
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