Guida galattica a Javascript
•
1 like•288 views
Roberto Mapelli, Node.js Developer di ThinkOpen illustra il complesso mondo di Javascript a partire dalle specifiche nel suo diverso utilizzo da front-end a back-end. Lo speaker mostra le più recenti funzionalità di Javascript focalizzandosi sulle versioni ES6 e successive in rapporto a quelle precedenti. Viene evidenziato come a volte il linguaggio da solo non basta ed è necessario affidarsi a librerie esterne che negli ultimi anni puntano sempre di più a un paradigma funzionale. La presentazione prevede una sessione di live coding in cui vengono affrontati nella pratica i problemi più comuni che si presentano sviluppando con questo linguaggio e alcuni metodi per risolverli.
More Related Content
Similar to Guida galattica a Javascript
Similar to Guida galattica a Javascript (12)
More from ThinkOpen
More from ThinkOpen (20)
Guida galattica a Javascript
- 2. #TOPWorkshop Guida galattica a Javascript 00 01 02 03 04 05 a cura di Roberto Mapelli Presentation Context Things to know Live Coding Real life examples Repository & Questions
- 3. #TOPWorkshop Guida galattica a Javascript 00 01 02 03 04 05 00 00 - Ciao! ● Roberto Mapelli ● Software Developer ● JS addict ● Cat person ● In TOP da Febbraio 2018
- 4. #TOPWorkshop Guida galattica a Javascript 00 01 02 03 04 05 01.1 - Context 01.2 - Wrap it up 01
- 5. #TOPWorkshop Guida galattica a Javascript 00 01 02 03 04 05 01.1 - Context 01 ● Javascript ● Jquery ● React.js ● Node.js ● Vue.js ● Vanilla ● ES5 vs ES6 ● ... Don’t Panic!
- 6. #TOPWorkshop Guida galattica a Javascript 00 01 02 03 04 05 01.2 - Wrap it up 01 FE BE jQuery React.js Polymer Vue.js Angular Node.js Loopback Express Koa Es 5, 6, ... “vanilla Javascript” Meteor.js Si ma … ● Babel ● Wepack ● Browserify ● Gulp ● Grunt ● Npm ● Yarn ● … transpiler Bundlers Task runners Gestori Pacchetti
- 7. #TOPWorkshop Guida galattica a Javascript 00 01 02 03 04 05 02.1 - Things to know 02.2 - Big question 02
- 8. #TOPWorkshop Guida galattica a Javascript 00 01 02 03 04 05 02.1 - Things to know ● Linguaggio di scripting ● Orientato al funzionale ● Molti costrutti comuni a BE e FE ● Linter con diversi dialetti ● Librerie di test ● Evoluzione continua ● Google, Amazon , Facebook, Netflix, ... ● MDN - La Salvezza! 02
- 9. #TOPWorkshop Guida galattica a Javascript 00 01 02 03 04 05 01.2 - Big Question Perché Javascript? Isn't it enough to see that a garden is beautiful without having to believe that there are fairies at the bottom of it too? 02
- 10. #TOPWorkshop Guida galattica a Javascript 00 01 02 03 04 05 03 - Live Coding Browser FTW 03 ● Aprite Chrome ● Cliccate su tre puntini verticali in altro a destra ○ Altri strumenti ■ Strumenti per sviluppatori ● Cliccate sulla tab Sources ○ Snippets ■ New snippet ● https://codesandbox.io/ ● https://repl.it/languages/javascript ● Node.js REPL Alternative
- 11. #TOPWorkshop Guida galattica a Javascript 00 01 02 03 04 05 03.1 - Var, Let, Const 03.1 ● (Im)mutabilità ● Scope binding ● Readibility
- 12. #TOPWorkshop Guida galattica a Javascript 00 01 02 03 04 05 03.2 - Arrays 03.2 Nuove funzioni con paradigma funzionale ● Filter: restituisce un sottoinsieme della collezione iniziale basandosi su un predicato ● Map: restituisce una collezione in cui gli elementi sono modificati ● Reduce: Restituisce una collezione ridotta ad un valore finale
- 13. #TOPWorkshop Guida galattica a Javascript 00 01 02 03 04 05 03.3 - Objects 03.3 Tipo da cui estendono, tra gli altri, gli Array. Funzionano per riferimento, cioè si lavora sempre sul contenuto della locazione di memoria dove è memorizzato il dato. Would it save you a lot of time if I just gave up and went mad now?
- 14. #TOPWorkshop Guida galattica a Javascript 00 01 02 03 04 05 03.4 - Promise 03.4 Nascono per evitare di incappare nel callback hell, rendendo il codice più leggibile e più controllabile.
- 15. #TOPWorkshop Guida galattica a Javascript 00 01 02 03 04 05 04 - Examples Let & const Write a program that prints the mean between 3 numbers. Then subtract to one of the numbers the value of the mean and print that value. Arrays Write a program that prints the mean between an array of numbers. Write a program that prints the mean between only the numbers in an array like [1, true, "test", undefined, 3 , null]. Find a way to create an array of only even numbers using just 1 line of code. Objects Create a Hero object having the following properties: firstName, lastName, age, car each set to null. Create a Car object storing the model and the plate. Create two Hero objects and assign the car object of before Change the car model and plate properties. What happened? 04
- 16. #TOPWorkshop Guida galattica a Javascript 00 01 02 03 04 05 05 - Repository & Questions https://github.com/AtrumSaurus/hitchhikers-guide-to-javascript05 So long, and thanks for all the fish