Guida galattica a Javascript
1 like292 views
Il documento è una guida su JavaScript, fornita da Roberto Mapelli, che esplora concetti chiave e strumenti come jQuery, React.js, e Node.js. Include discussioni su variabili, funzioni array e oggetti, promettendo un approccio pratico attraverso esempi di live coding. Infine, offre risorse aggiuntive e un repository GitHub per approfondimenti.
![#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](https://image.slidesharecdn.com/guidagalatticaajavascript-190403101046/85/Guida-galattica-a-Javascript-15-320.jpg)
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