Code School presenta Discover DevTools

Di - 26 March 2013 - in

Da Google e Code Schools arriva Discover DevTools, un nuovo videocorso interattivo per migliorare le nostre abilità con il kit di strumenti per gli sviluppatori incorporato in Google Chrome e per imparare ad utilizzarlo come parte integrante del nostro ambiente di sviluppo. Questi strumenti ci offrono infatti la possibilità di ispezionare con un alto livello di dettaglio ogni singola componente, grafica e logica, della nostra applicazione web, consentendoci di eliminare elementi inutilizzati (Tree-shaking), impostare breakpoints, interagire con l’app tramite la console javascript, scegliere il comportamento del debugger in caso di errore, ottimizzare le prestazioni e altre operazioni che non sono possibili utilizzando esclusivamente gli strumenti di sviluppo web tradizionali.

Il corso è organizzato in 7 livelli, ognuno dei quali è costituito da una parte teorica in cui +Gregg Pollack mostra le caratteristiche di Chrome DevTools ed una parte pratica in cui applichiamo le conoscenze acquisite; per la parte pratica sarà necessario installare una estensione per Google Chrome, Discover DevTools Companion, che permetterà alla web app del corso di valutare il nostro operato.

I livelli del corso:

  • Getting Started & Basic DOM and Styles
    • Manipolare il DOM
    • Aggiornare lo stile degli elementi
  • Advanced DOM and Styles
    • Modificare i files nella scheda Source
  • Working With the Console
    • Basi della Console
    • Interpretazione degli errori
    • Selettori
  • Debugging JavaScript
    • Debug del codice JavaScript
    • Mettere in pausa il codice in caso di errori
    • LocalStorage
  • Improving Network Performance
    • Basi della scheda Network
    • Migliorare le performance di rete
    • Rimuovere le richieste inutilizzate
    • Ottimizzare le immagini
  • Improving Performance
    • Migliorare le performance del rendering
    • CPU profiling
  • Memory Profiling
    • Memory profiling
    • Individuare memory leaks
Screenshot

Una schermata del corso

Alla fine del corso sarà rilasciato un badge di Code School che ne attesterà il completamento.

Fonte | The Chromium Blog

Leave a Reply

Claudio d'Angelis Articolo scritto da

Programmatore e studente di Informatica, appassionato di musica, web e sistemi UNIX. Collabora con Googlab dall'Ottobre 2012.

Contatta l'autore

Previous post:

Next post: