Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Social Coding 001

Maurizio De Magnis
March 30, 2016
Education
1
76

Social Coding 001

0x01 Ambiente di sviluppo
0x02 Sviluppo collaborativo
0x03 World Wide Web

Maurizio De Magnis

March 30, 2016
Tweet

More Decks by Maurizio De Magnis

See All by Maurizio De Magnis
La mia città è..
olistik
1
29
ECDM
olistik
0
44
Social Street
olistik
0
24
Social Coding 010
olistik
0
110
Social Coding 0x00 README
olistik
0
54

Other Decks in Education

See All in Education
アプリ開発を目指した授業づくりについて
asial_corp
0
420
Earthquake and Disaster Prevention Information for UTokyo International Students
utokyoissr2360
0
620
MySmartSTEAM2324
cbtlibrary
0
120
執筆テーマの決め方
sapi_kawahara
1
180
Data Representation - Lecture 3 - Information Visualisation (4019538FNR)
signer
PRO
1
1.7k
Tangible, Embedded and Embodied Interaction - Lecture 9 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
1.2k
Multimodal Interaction - Lecture 3 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
1.1k
Часто задаваемые вопросы
pnuslide
0
22k
Human Perception and Colour Theory - Lecture 2 - Information Visualisation (4019538FNR)
signer
PRO
0
1.7k
自己紹介 / who-am-i
yasulab
2
3.1k
LightSail2324
cbtlibrary
0
130
Virtual and Augmented Reality - Lecture 8 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
1.2k

Featured

See All Featured
Producing Creativity
orderedlist
PRO
337
39k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
9
8.3k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.6k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
What’s in a name? Adding method to the madness
productmarketing
PRO
16
2.6k
We Have a Design System, Now What?
morganepeng
43
6.7k
Building Adaptive Systems
keathley
31
1.9k
Designing for Performance
lara
601
67k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
322
20k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
14
1.5k
Teambox: Starting and Learning
jrom
128
8.4k

Transcript

  1. Social Coding Lezione 001

  2. 0x01 Ambiente di sviluppo Configurazione delle macchine e breve introduzione

    degli strumenti che verranno utilizzati.

  3. 0x01 Ambiente di sviluppo (1) Atom: editor di testo
 https://atom.io/

    GitHub: piattaforma web di sviluppo collaborativo
 https://github.com/ GitHub Desktop: applicazione grafica per usare GitHub
 https://desktop.github.com/

  4. 0x01 Ambiente di sviluppo (2) Ruby on Rails: framework per

    lo sviluppo di applicazioni web lato server
 http://rubyonrails.org/ Rails Installer: programma di installazione dell’ecosistema Ruby nei sistemi Windows
 http://railsinstaller.org/

  5. 0x01 Ambiente di sviluppo (3) GOW (Gnu On Windows): uso

    dei principali comandi Linux dai sistemi Windows
 https://github.com/bmatzelle/gow/wiki Heroku: piattaforma di rilascio delle applicazioni web
 https://heroku.com/ Heroku Toolbelt: applicazione di configurazione per usare Heroku
 https://toolbelt.heroku.com/

  6. 0x02 Sviluppo collaborativo Atom e GitHub

  7. Il processo di sviluppo di un software parte dalla scrittura

    del codice sorgente È l’insieme dei file di testo che definiscono le istruzioni che verranno eseguite dal computer.

  8. Un codice sorgente viene scritto in un linguaggio di programmazione

    Esistono molti linguaggi di programmazione. Noi useremo JavaScript per eseguire programmi sul browser e Ruby per eseguire programmi sul server.

  9. I linguaggi HTML e CSS non servono per programmare. HTML

    (HyperText Markup Language) definisce il contenuto delle pagine web. CSS (Cascading Style Sheets) definisce la presentazione delle pagine web.

  10. HTML, CSS, JavaScript e Ruby permettono di creare applicazioni web.

    Un insieme di codici sorgenti scritti in tali linguaggi può quindi comporre una specifica applicazione web. Tali file di testo possono essere condivisi con altre persone tramite la piattaforma GitHub, all’interno di uno spazio condiviso (Repository). Altri utenti possono analizzare il contenuto di un repository e proporre migliorie (Pull Request).

  11. 0x03 World Wide Web L’architettura di comunicazione Client-Server Il protocollo

    di comunicazione HTTP I Browser

  12. L’architettura di comunicazione Client-Server

  13. HTTP (richiesta) Client Server

  14. HTTP (risposta) Client Server

  15. Browser (curl) curl -k https://developer.mozilla.org/en-US/ Richiesta HTTP (client) <!DOCTYPE html>

    <html lang="en-US" dir="ltr" class="redesign no-js" data-ffo-opensanslight=false data-ffo-opensans=false > <head prefix="og: http://ogp.me/ns#"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <script>(function(d) { d.className = d.className.replace(/\bno-js/, ''); }) (document.documentElement);</script> … Risposta HTTP (server)

  16. Browser (Chrome) HTML URL