full stack web app

04 Dic

Posted at 09:11h in full stack web app by
0 Likes

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column][vc_column_text][/vc_column_text][/vc_column][/vc_row][vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column][vc_column_text] Per creare il nuovo component dettaglioEvento dalla nostra Shell diamo il seguente comando Angular: ng generate component components\dettaglioEvento [icons size='fa-2x' custom_size='' icon='fa-terminal' type='normal' position='' border='yes' border_color='' icon_color='' background_color='' margin='' icon_animation='' icon_animation_delay='' link='output/output-comando-ng-g-component-componentsdettaglioevento/' target='_blank'] [/vc_column_text][/vc_column][/vc_row][vc_row...

03 Dic

Posted at 23:00h in full stack web app by
0 Likes

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column][vc_column_text]Come cooperano le due parti principali di  lista-eventi.component (Gli omonimi file .ts e .html)? Nel file lista-eventi.component.ts ...

30 Nov

Posted at 14:35h in full stack web app by
0 Likes

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column][vc_column_text]Come indica il nome, questo Component servirà per visualizzare la lista degli eventi di ballo. [/vc_column_text][vc_separator type="transparent"][vc_column_text]Come ogni Component è definito da 4 file: il file html si occupa del COME  i dati verranno visualizzati, nel senso strutturale. Come sono...

26 Nov

Posted at 13:10h in full stack web app by
0 Likes

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column][vc_column_text]import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import {ListaEventiComponent} from './components/lista-eventi/lista-eventi.component'; const routes: Routes = [ { path: 'lista-eventi', component: ListaEventiComponent, data: { title: 'Lista...

26 Nov

Posted at 12:47h in full stack web app by
0 Likes

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column][vc_column_text el_class="mycode"]import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; import { ListaEventiComponent } from './components/lista-eventi/lista-eventi.component'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; @NgModule({   declarations: [     AppComponent,     ListaEventiComponent   ],   imports: [     BrowserModule,     AppRoutingModule,     BrowserAnimationsModule ],   providers: [],   bootstrap: [AppComponent] }) export class AppModule { } [/vc_column_text][/vc_column][/vc_row]...

25 Nov

Posted at 20:19h in full stack web app by
0 Likes

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column][vc_column_text]Per creare il nuovo component, dalla nostra Shell, diamo il seguente comando Angular: ng generate component components\listaEventi [icons size='fa-2x' custom_size='' icon='fa-terminal' type='normal' position='' border='yes' border_color='' icon_color='' background_color='' margin='' icon_animation='' icon_animation_delay='' link='https://ra.bbonidavi.de/uncategorized/ng-g-component-componentslistaeventi/' target='_blank'] [/vc_column_text][/vc_column][/vc_row][vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column][vc_column_text]Nella...

25 Nov

Posted at 17:28h in full stack web app by
0 Likes

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column][vc_column_text]Il progetto che ci aiuterà a studiare Angular è costituito da una Applicazione per il Web che gestisce un elenco di eventi mondani legati al ballo Swing.  Ci sarà quindi un elenco di questi eventi e su di...

25 Nov

Posted at 14:21h in full stack web app by
0 Likes

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column][vc_column_text]I primi due oggetti su cui portiamo l'attenzione di una applicazione Angular sono: app.module app.component Il primo semplicemente un file typescript e descrive l'intera applicazione in termini di quali sono tutte le sue parti, librerie incluse, componenti, etc...

25 Nov

Posted at 13:04h in full stack web app by
0 Likes

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column][vc_column_text] Lo scaffolding La realizzazione di applicazioni Angular si basa sulla tecnica dello Scaffolding, letteralmente "impalcatura". Lo sviluppatore non deve scrivere da zero ciascuno dei file che costituiranno il progetto, ma può aiutarsi con dei comandi dati da CLI (Interfaccia...

20 Nov

Posted at 07:27h in full stack web app by
0 Likes

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column][vc_column_text]Questo è un breve tutorial di una piccola esemplificativa applicazione per il Web. E' composta schemativamente dalle 3 parti dell'architettura MVC (Model-View-Controller). Come Model, quindi come Database per archiviare i dati dell'applicazione abbiamo scelto MySql. Come Controller, abbiamo scelto un server...