Download - L'evoluzione del web
AndreaDottorMicrosoftMVPASP.NET@dottor
L'evoluzione delweb
ChisonoAndreaDottorMicrosoftMVPASP.NETpresidenteXE– DevelopmentUserGroup (www.xedotnet.org)
[email protected]@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!
