|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/sviluppa-applicazioni-frontend-con-html-css-javascript/
课程评论：没有评论
[JavaScript, CSS3 e HTML5 [5 Progetti Frontend in 5 giorni]] 该课程为期五天，旨在教授使用 JavaScript、CSS3 和 HTML5 构建五个前端应用程序。课程适合对 HTML、CSS 和 JavaScript 有基本了解的开发者，并涵盖基础和中级技术。 **第一天：页面滑块** - 使用 HTML 和 CSS 实现页面间的导航。 - 少量使用 JavaScript。 - 难度：基础。 **第二天：多步表单** - 创建多步表单，利用第一天学到的 CSS 技能。 - 深入使用 JavaScript，并采用 ESM 模块化开发。 - 难度：基础/中级。 **第三天：移动笔记应用模拟** - 模拟一个移动笔记应用。 - 大量使用 CSS 和 JavaScript 实现笔记创建/删除、拖放排序以及操作音效的开关功能。 - 难度：中级。 **第四天：打字速度测试** - 创建一个持续 60 秒的打字速度测试。 - 重点关注 JavaScript，介绍模块加载器和模块打包器，并讲解如何使用 Parcel。 - 难度：基础/中级。 **第五天：响应式网页设计** - 学习实现响应式布局，区分物理像素与 CSS 像素。 - 使用相对单位实现灵活的布局，创建响应式菜单和自定义的简化网格系统，运用中级 CSS 技术。 - 难度：中级。 **第六天（奖励）：Webpack** - 详细介绍 Webpack 模块打包器，用于优化应用程序和自动化部署准备。 **重要提示：** - 本课程不包含 CSS 和 JavaScript 基础知识的详细讲解，需要学员具备相关基础。 - 推荐学习者参加作者的“Maestro JavaScript”和“Maestro Node”课程以进一步深入学习 JavaScript。 - 作者会在问答区积极回复学员的疑问。
Sviluppiamo 5 applicazioni frontend, sfruttando tecniche base ed avanzate JavaScript, CSS e HTML.Il corso, di livello base ed intermedio, è rivolti a programmatori che hanno una conoscenza almeno base di HTML, CSS e JavaScript.Il corso è suddiviso in 5 giorni:GIORNO 1 - Slider di pagineImplementeremo la possibilità di spostarci tra una pagina ed un'altra utilizzando esclusivamente HTML e CSS.In questo progetto sfrutteremo JavaScript in modo limitato, scrivendo solo poche righe di codice.Livello baseGIORNO 2 - Form multi-stepIn questo progetto creeremo un form multi-step, sfruttando la competenza CSS acquisita nel GIORNO1.Faremo un uso più intenso del codice JavaScript ed utilizzeremo i moduli ESM, per sviluppare l'applicazione in modo modulare.Livello base/intermedioGIORNO 3 - Simulazione app mobile noteIn questo progetto simuleremo una app mobile di note.Utilizzeremo in modo intensivo codice CSS e JavaScript per implementare tutte le funzionalità dell'applicazione.L'applicazione completa prevede la creazione e cancellazione di note, il riordino delle note con funzionalità drag & drop, l'attivazione o disattivazione del suono di conferma avvenuta operazione.Livello intermedioGIORNO 4 - Test velocità scritturaNel giorno 4, realizzeremo un test di velocità di scrittura della durata di 60 secondi.In questo progetto ci focalizzeremo sul codice JavaScript e analizzeremo cosa sono i module loader e i module bundler, e vedremo come lavorare con Parcel.Livello base/intermedioGIORNO 5 - Responsive Web DesignIn questo progetto analizzeremo come implementare un layout responsive. Studieremo la differenza tra pixel fisici e pixel css e come lavorare con unità di misura relative, per rendere il nostro layout molto più flessibile.Realizzeremo un menù responsive e un nostro grid system semplificato, utilizzando tecniche CSS di livello intermedio.GIORNO 6 [BONUS] - WebpackIn questa sezione, analizzeremo in dettaglio il module bundler Webpack, per ottimizzare l'applicazione e automatizzare il processo di preparazione al deploy.N.B. Il corso non prevede lezioni specifiche sulle tecnologie CSS e JavaScript che utilizzeremo. È necessario avere una conoscenza pregressa, almeno base, di HTML, CSS e JavaScript.Per approfondire JavaScript, è possibile seguire i miei corsi Maestro JavaScript e Maestro Node (corsi della durata complessiva di oltre 30 ore). Per qualsiasi dubbio sulle tecniche che utilizzeremo nel corso, sarò attivo nella sezione D & R, rispondendo alle domande nel minor tempo possibile.Se sei pronto per questo viaggio, iniziamo:)
