AndreaDottorMicrosoftMVPASP.NET@dottor

L'evoluzione delweb

ChisonoAndreaDottorMicrosoftMVPASP.NETpresidenteXE– DevelopmentUserGroup (www.xedotnet.org)

www.dottor.netandrea@dottor.net@dottor

Chisono• DocenteneicorsiorganizzatidalITSKennedy

• Moduli• Sviluppoweb(HTML,CSSeJavaScript)• ASP.NETMVC• AccessoaiDatieWebServices• ArchitettureeserviziCluod computing conMicrosoftAzure• C#

AgendaCosasonoicorsiITS

Evoluzionedelweb

TecnologieinpilloleLayoutresponsiviJavascriptCloud

CosasonoicorsiITS"GliIstitutiTecniciSuperiorisono"scuoleadaltaspecializzazionetecnologica",nateperrisponderealladomandadelleimpresedinuoveedelevatecompetenzetecnicheetecnologiche.Formanotecnicisuperiorinelleareetecnologichestrategicheperlosviluppoeconomicoelacompetitivitàecostituisconoilsegmentodiformazioneterziarianonuniversitaria.SicostituisconosecondolaformadellaFondazionedipartecipazionechecomprendescuole,entidiformazione,imprese,universitàecentridiricerca,entilocali."

Fonte:http://www.indire.it/its/

PerchéicorsiITS• Durata:4semestri* per1800/2000ore• Didatticainlaboratorio• Tirociniobbligatoriperalmenoil30%delmonteorariocomplessivo,ancheall'estero• 50%deidocenti provenientidalmondodellavoroedelleprofessioni

L'evoluzionedelweb

Evoluzionedelweb

Fonte:http://www.sankarakannan.com/category/technology/software-engineering/web-application-development/

Evoluzionedelweb• Ognigiornovienecreata"una"nuovalibreriaJavaScript• Iframework eletecnologiecheutilizziamoevolvonoincontinuazione• Lenuovetecnologiepermettonodifornireall'utentesemprenuovimodidicomunicazioneeinterazione• Notifiche• Condivisione• …

Farelesceltegiuste• Dobbiamofarelesceltecorrettequandoiniziamounnuovoprogetto• qualetecnologiaserver?• qualetecnologiaclient?• qualilibrerieutilizziamo?• qualidispositiviutilizzerannolanostraapplicazione?• …

Farelesceltegiuste• Nonèpossibilerincorreresemprelatecnologia• Richiedetempo• Richiederisorse

TecnologieinpilloleLayoutresponsivi

Layoutresponsivi• Dobbiamopensarecheilnostroapplicativodovràessereutilizzatoda• Browser• Tablet• Dispositivomobile• Screenreader

Layoutresponsivi• "Responsive"èlakeywordcheidentificaunsito/paginacheadattaisuoicontenutialladimensionedelbrowserdichistanavigando• Esistonoframework chepermettonodifacilitarelarealizzazionedisitiepagineresponsivi• Bootstrap• Zurb Foundation• …• Angular Material• …

Bootstrap• http://getbootstrap.com/• CreatodaMarkOttoeJacobThorntonquandolavoravanoentrambiinTwitter• Nascecomeraccoltadilibrerie/utilityperlarealizzazionediinterfacceresponsive

• E'attualmenteilpiùpopolareframework perlarealizzazionediinterfacceresponsive• " Bootstrapmakesfront-endwebdevelopmentfaster andeasier"• " Oneframework,everydevice"

Bootstrap- templatesEsistonotemplate/temicheutilizzanobootstrap• Fornisconounottimopuntodipartenza• Ilsitodiriferimentoufficialeè• http://themes.getbootstrap.com/

• Maneesistonoditerzeparti• https://wrapbootstrap.com/• https://www.bootstrapzero.com/• https://themeforest.net/tags/bootstrap• http://www.templatemonster.com/it/temi-bootstrap/• …

TecnologieinpilloleJavascript

JavaScriptEverywhere

Applicazionisemprepiùreattive• Isocialnetworkstannoguidandol'evoluzionedelletecnologie• Glistandardattualidipendonodallesceltefattedaigrandiplayer:Google,Microsoft,Facebook,Twitter,…

• Nonèpiùpensabilepresentareun'applicazionechenonsiaallapariosimileaciòchel'utenteutilizzaabitualmente• Scrollinginfinito• Inserireuncommentooundatosenzaricaricarelapagina• Notificheall'internodellapagina• Notifichedelbrowser• …

Angular

• https://angular.io/ ehttp://angularjs.org/• Develop Across All Platforms• Speed &Performance• Incredible Tooling• Loved byMillions

MadewithAngularhttps://www.madewithangular.com/

HTMLnonsoloperilweb

Ilwebcomeapp mobile[1]• Ionic Framework• http://ionicframework.com/

Ilwebcomeapp mobile[2]• ApacheCordova• https://cordova.apache.org/

Ilwebcomeapp desktop• Electron• http://electron.atom.io/

TecnologieinpilloleIlcloud

Cloud ComputingDaWikipedia:"In informatica coniltermineinglese cloudcomputing (initaliano nuvolainformatica)siindicaunparadigmadierogazionedirisorseinformatiche,comel'archiviazione,l'elaborazione olatrasmissionedidati,caratterizzatodalladisponibilità ondemand attraverso Internet apartiredauninsiemedirisorsepreesistentieconfigurabili."

Ilcloud• Fornisceunaseriedirisorsepagabilialconsumochevannodalcalcolocomputazionale,aldatabase,aservizidistorage,allenotifiche,…• Esistonovarieofferte:• MicrosoftAzure• AmazonAWS• GoogleCloud• …

• Sonol'idealeperlestartupoprogettiinfasediavvio• Dovequindiilcaricoelerisorseutilinonsiconoscono

Perchéilcloud

Prontialfuturo?Fatelasceltagiusta

Thanks!