Menù principale

Notizie  Grafica  Forum  Links  Retro Trailer  Recensioni  Modelli Amiga  Storia Amiga  Retro-Gamers  Lista Utenti  Contatti  Policy sito

Login

Nick Password

Registrati - Recupera dati

20 Febbraio 2020 Postato da: schiumacal Info: pdf per studio di HTML5 + CCS3 + Javascript

Buongiorno a tutto il gruppo, Ho necessita' di studiare abbastanza velocemente HTML5 + CSS3 + Javascript. Devo migliorare il mio bagaglio culturale riguardo la programmazione come Front-End Web Developer. Capisco che ad alcuni di voi possa sembrare strano, ma per chi come me ha sempre lavorato in tale ambito utilizzando quasi esclusivamente IDE commerciali con ambiente visuale tipo: Microsoft Expression Web oppure Adobe Dreamweaver, provare a sviluppare codice Web senza supporto visuale, risulta almeno inizialmente un po' complesso. Il mondo Web dedicato allo sviluppo di applicazioni corpose e' molto complesso. Basta pensare che solo in questi ultimissimi anni sono usciti fuori: framework,librerie dedicate e preprocessori per migliorare lo sviluppo in tale ambito. Mi viene da pensare ad: Angular, Sass, Less, Typescript, Bootstrap... e chi piu' ne ha piu' ne metta. Comunque, senza divagare oltre, il motivo della mia richiesta e' abbastanza semplice. Con molta sincerita' e franchezza, dovrei iniziare a collaborare con un'azienda medio/grande dedita esclusivamente allo sviluppo di applicazioni Web per il mercato internazionale. E' un'occasione che non posso perdere, mi si offre un contratto interessante. Personalmente sviluppo sul Web da diversi anni, ma per quanto riesca a realizzare, praticamente qualsiasi cosa lato Front-End, oggi ho necessita' di imparare molto meglio alcune Skill che mi farebbero integrare meglio nel gruppo di lavoro dell'azienda. Elenco di seguito le skill che dovrei possedere per entrare a far parte del gruppo e di fianco quelle che sono attualmente le mie reali capacita' produttive: - Angualar ........... (mai utilizzato) .................................................. ............................ produttivita' 1 - Typescript ......... (mai utilizzato) .................................................. ............................ produttivita' 1 - JQuery .............. (usate rare volte, non ho grandi dimestichezze con queste) ................. produttivita' 5 - HTML5 .............. (ci lavoro spesso, ma devo migliorare, vorrei approfondirle di piu') ....... produttivita' 7 - CSS3 ................ (stesso discorso di HTML5) .................................................. ............ produttivita' 7 - Bootstrap .......... (stesso discorso di HTML5 e CCS3) .................................................. . produttivita' 6 - Javascript .......... (stesso discorso di HTML5, CCS3 e Boostrap) .................................... produttivita' 7 - UX-UI Design ..... (conosco abbastanza bene l'argomento) ........................................... produttivita' 8 Se qualcuno di voi e' piu' addentrato, magari perche' gia' lavora nell'ambiente, saprebbe darmi dei consigli reali a riguardo ? Inoltre per l'uso di in buon IDE, sto' applicandomi su: Atom, WebStorm, Brackets, VS Code, Dreamweaver, hanno tutti diverse caratteristiche che potrebbero aiutarmi in qualcosa e altre no. Comunque queste le sto' ancora studiando. Volendo abbreviare e sempre se qualcuno di voi utilizza giornalmente uno di questi IDE, qual'e' il migliore secondo voi ? Accetto qualsiasi tipo di consiglio a riguardo. Devo capire tutto (meglio forse dire quasi tutto...) in una settimana.

Commenti: 5  Aggiungi  - Leggi

Indice: forum / Zona libera

Il Webmaster Post inviati: 4736 Commento 1 Mak73 20 Febbraio 2020    18:22:20 Se vuoi realmente imparare, trova un editor di testo moderno con evidenziazione della sintassi in base al linguaggio che stai usando e funzioni varie, come possibilità di editare per colonne, magari un supporto per CVS, tutto il resto son porcate a parer mio. Se voi fare una cosa ben fatta il codice lo devi scrivere tu, di modo che se ci sono dei problemi sai dove andare a mettere le mani. Personalmente come framework javascript ho scelto Jquery, al tempo Angular non c'era ancora, di fatto fanno le stesse cose quindi ha poco senso impararli entrambe, peggio ancora meschiarli. C'è da dire che questi framework rendono il tutto più lento, perchè ovviamente sono scritti anche loro in javascript, quindi l'ideale sarebbe usare direttamente quest'utimo quando è semplice farlo. Dico semplice perchè purtroppo Javascript non è tra i più facili linguaggi da imparare, questo per vari motivi, anzitutto il codice è case sensitive, quindi un document.getElementById() funziona, ma document.GetElementById() non funziona perchè c'è la G maiuscola. Poi in un certo senso è multitasking, normalmente nella programmazzione si è abituati a creare un loop principale che gestisce quello che succede, in javascript questo è impossibile perchè nel migliore dei casi lo script deve 'terminare' entro 30 secondi. Però in realtà non termina, ma rimane in 'ascolto' cioè lui aspetta che si verifichi un evento, che può essere il click del mouse su un determinato elemento HTML, e a quel punto esegue la funzione che era eventualmente assegnata a quella particolare azione. Riguardo a Bootstrap è un framework un po' particolare perchè al suo interno comprende anche Jquery, ed altri framework minori, L'idea è quella di mettere a disposizione uno strumento completo per tutto, un po' come potrebbe essere Jquery con JqueryUI. Per via di questa cosa risulta un po' pesante e non ha senso usarlo in piccoli progetti. Ovvio che per un sito come Facebook allora è un toccasana. Pace e bene a tutti. amiwell79 Post inviati: 12245 Commento 2 amiwell79 20 Febbraio 2020    22:07:48 un programmatore che conosco e che lavora nella sua azienda si è creato un cms e tutti lavorano con esso, addirittura il vecchio webdesigner adesso fa il venditore in giro sempre per la stessa azienda per sua scelta, non so che programmi bisogna utilizzare ciao Aros - Workbench X86 - Tiny Aros Retainer - https://tinyaros.flazio.com Post inviati: 1986 Commento 3 schiumacal 24 Febbraio 2020    11:23:56 Continuo proseguendo gli studi su queste nuove tecnologie che permettono di lavorare sul Web offrendo tutto il materiale che uno vuole senza problemi... Dunque: Attualmente uno dei migliori IDE per sviluppare lato Front-End risulta essere "Visual Studio Code", per diversi motivi. 1) free software 2) si aggancia perfettamente ad Agular 3) si estende con le extension 4) lo usi per sviluppare su qualsiasi piattaforma e per qualsiasi linguaggio Angular sviluppato da Google, oggi arrivato alla versione 9, inizia con diventare di una potenza non indifferente. Sviluppi in Typescript. Typescript e' come un Javascript super potente, con nuovi comandi ed estensioni e con quest'ultimo retro-compatibile al 100%. Questo significa che un sorgente Javascript lo puoi caricare anche dentro Typescript e funziona totalmente, mentre un sorgente Typescript non lo puoi caricare dentro Javascript. Una volta scritto un sorgente in Typescript lo compili preprocessandolo in Javascript... Ricordo sempre che Sia lato client che lato server, gli unici linguaggi che vengono interpretati sono sempre i tre: HTML + CSS + Javascript, quindi nel momento in cui si sviluppa con altri linguaggi, tipo: LESS, SASS, Typescript, oppure si sviluppa con framework tipo: BootStrap, Jquery, Angular, alla fine del processo tutto viene riconvertito in: HTML + CSS + Javascript. Vabbe', ora continuo con gli studi... alla prox Un giorno o l'altro risolverò equazioni di grado superiore a cinque. http://www.schiumacal.altervista.org/ Il Webmaster Post inviati: 4736 Commento 4 Mak73 24 Febbraio 2020    13:05:00 I framework in generale nascono solo per semplificare le cose al programmatore, di fatto però appesantiscono il codice, infatti in molte guide online viene mostrato ad esempio come una determinata cosa sia molto più veloce scritta direttamente in javascript che non usando ad esempio jquery. Pace e bene a tutti. Post inviati: 1986 Commento 5 schiumacal 24 Febbraio 2020    13:59:28 Citazione I framework in generale nascono solo per semplificare le cose al programmatore, di fatto però appesantiscono il codice, infatti in molte guide online viene mostrato ad esempio come una determinata cosa sia molto più veloce scritta direttamente in javascript che non usando ad esempio jquery. Ovviamente cosi dovrebbe essere, ma sembra che framework come Angular siano sempre piu' usati. Allora viene da chiedersi perche' ? Inizio da poco ad addentrarmi in questo campo perche' mi e' stato esplicitamente richiesto, quindi come normale che sia mi domando: Se riesco a creare un'app scrivendo codice con Adobe Dreamweaver, utilizzando: HTML5 + CCS3 + Javascript, perche' la stessa app mi viene chiesta esplicitamente solo se realizzata con Agular ? Perche' in Google hanno creato Angular se anche prima non serviva ? Perche' appesantire e complicare tutto con Angular se gia' con Javascript e HTML e CSS si puo' fare ? Leggo e' vedo che Angular e' un framework lato server. Tu non installi Angular nel tuo sistema personale, ma lo hai gia' disponibile su in server e lo utilizzi da li. Ovviamente, per questo motivo, dovrai montarti Nodejs, dovrai utilizzare un IDE, questo tutto lato client, ma Angular, con cui poi inizia a lavorarci, lo utilizzi lato server, ed e' anche molto veloce. L'appesantimento del tuo progetto di fatto non avviene, perche' non lo crei sul tuo computer, ma lo crei lato server e li rimane per sempre. Le tecnologie cambiano velocemente, e purtroppo per tale motivo, rimanere indietro senza studiarle e applicarle porta a fermarsi per lo sviluppatore che vuole approfondire e lavorare in questo campo. Faccio un esempio banalissimo che, ovviamamente non serve a te che sai, ma magari risulta utile per chi vuole meglio capire... ESEMPIO: Voglio crearmi una web-app per la gestione di fotografie, e video che funzioni su qualsiasi strumento oggi disponibile. Quindi deve funzionare sul PC di casa, sul notebook, sullo smartphone qualsiasi modello, e sul tablet anche questo qualsiasi modello. Come faccio ? Immaginiamo di volerla creare utilizzando solo i tre strumenti principali: HTML5 + CSS3 + Javascript L'IDE non ha importanza, alla fine se uno sa' puo' utilizzare anche Notepad (se proprio vuole suicidarsi...). Creare una Web-app come quella detta sopra con solo questi strumenti ci si impiegherebbe anni perche'... il problema principale oggi e' quella di farla funzionare su tutto, ma proprio tutto l'hardware che esiste. Quindi la stessa app deve essere utilizzabile su un PC con display da 32" come su uno smartphone con display da 9" oppure su un tablet su display da 10", ed il tutto deve essere utilizzabile senza tagli di grafica, senza blocchi improvvisi di video, ecc. ecc. Immaginare di dover sviluppare oggi una Web-app del genere con gli strumenti base significherebbe dover riscrivere n...mila volte le stesse istruzioni per i diversi dispositivi disponibili. Quindi, per fare un esempio pratico, voglio visualizzare la mia foto sul PC a tutto schermo ? scrivo i comandi CCS3 giusti e lo faccio... poi voglio che la stessa mia foto si vede perfettamente bene anche sul mio tablet a risoluzione diversa ? riscrivo i comandi CSS3 giusti e lo faccio... Poi magari voglio implementare una funzione che mi ritagli un pezzetto di foto, ovviamente dovrei riscrivere gli stessi comandi per fare la stessa cosa, tante volte per quanti sono i diversi device disponibili sul mercato... Ecco che allora potrebbe venire in aiuto LESS, linguaggio di programmazione CSS avanzato che permette di fare queste operazioni con un unico comando... sara' poi rielaborato da un preprocessore per far giusto interpretare i comandi LESS al browser, ovvimente convertiti tutti in CSS3. Ovvio che scrivere del codice semplice non necessiterebbe l'utilizzo intenso di Framework e di librerie pronte... Ma se si scrive del codice pesante, perche' costituito da milioni di righe di comando collegate tra loro a classi, sottoclassi, ecc. con una nidificazione lunga e con l'utilizzo di sorgenti molto complessi, forse... e dico forse l'uso di framwork quali Angular potrebbero venire in aiuto. Daltronde se le tecnologie informatiche vanno avanti verso queste strade, un motivo valido ci sara'... Cioe' non penso ad un programmatore della Google che un giorno si alza da letto ed esclama: "Mah!!! Quasi, quasi, mi invento Angular cosi complico la vita a tutti". Un giorno o l'altro risolverò equazioni di grado superiore a cinque. http://www.schiumacal.altervista.org/

Indice: forum / Zona libera

Utenti Online

Utenti registrati: 1206 dal 1 Gennaio 2006 di cui online: 4 registrati - amiwell79 - VagaPPC - sampedenawa - amiga1200 - e 31 non registrati Benvenuto all'ultimo utente registrato: zulu