This project was generated with Angular 2.
I used Angular CLI to create this project:
npm install -g angular-cli
ng new NameProject
cd NameProject
ng serve
To create each component:
ng generate component my-new-component
ng g component my-new-component
ng g component new-cmp
ng g component ../newer-cmp
ng g component feature/new-cmp
Scaffold | Usage |
---|---|
Component | ng g component my-new-component |
Directive | ng g directive my-new-directive |
Pipe | ng g pipe my-new-pipe |
Service | ng g service my-new-service |
Class | ng g class my-new-class |
Guard | ng g guard my-new-guard |
Interface | ng g interface my-new-interface |
Enum | ng g enum my-new-enum |
Module | ng g module my-module |
But first we need to generate the folder node_modules and others:
npm install -g @angular/cli@latest
npm install ng2-translate --save
npm install
firebase init
Tutorial video of how to implement the translation.
ng build --prod --locale en --i18n-format json --i18n-file src/i18n/en.json --locale pt --i18n-format json --i18n-file src/i18n/pt.json --locale fr --i18n-format json --i18n-file src/i18n/fr.json
firebase deploy -->For the img and i18n folders to be loaded, it was necessary to add it in the file angular-cli.json, inside "apps" and then "assets".
{{ 'cv.title1' | translate}}
<!-- ####################################################################################### -->
<div id="formation" class="row">
<p class="col-xs-12 col-sm-12" align="center">
{{ 'cv.title2' | translate}}
</p>
</div>
<div align="justify" class="container-fluid hidden-sm-down">
<br>
<hr />
<ul class="circle">
<li [innerHTML]="'cv.content2_1' | translate">
</li>
</ul>
<hr />
<ul class="circle">
<li [innerHTML]="'cv.content2_2' | translate">
</li>
</ul>
<hr />
<ul class="circle">
<li [innerHTML]="'cv.content2_3' | translate">
</li>
</ul>
<hr />
<hr />
<br><br>
</div>
<!-- Mobile -->
<div align="justify" class="container-fluid hidden-md-up" id="mob1">
<br>
<hr />
<div [innerHTML]="'cv.content2_1' | translate"></div>
<hr />
<div [innerHTML]="'cv.content2_2' | translate"></div>
<hr />
<div [innerHTML]="'cv.content2_3' | translate"></div>
<hr />
<hr />
<br><br>
</div>
<!-- ####################################################################################### -->
<div id="language" class="row">
<p class="col-xs-12 col-sm-12" align="center">
{{ 'cv.title3' | translate}}
</p>
</div>
<div align="justify" class="container-fluid hidden-sm-down">
<br>
<hr />
<ul class="circle">
<li [innerHTML]="'cv.content3_1' | translate">
</li>
</ul>
<hr />
<ul class="circle">
<li [innerHTML]="'cv.content3_2' | translate">
</li>
</ul>
<hr />
<ul class="circle">
<li [innerHTML]="'cv.content3_3' | translate">
</li>
</ul>
<hr />
<hr />
<br><br>
</div>
<!-- Mobile -->
<div align="justify" class="container-fluid hidden-md-up" id="mob1">
<br>
<hr />
<div [innerHTML]="'cv.content3_1' | translate"></div>
<hr />
<div [innerHTML]="'cv.content3_2' | translate"></div>
<hr />
<div [innerHTML]="'cv.content3_3' | translate"></div>
<hr />
<hr />
<br><br>
</div>
<!-- ####################################################################################### -->
<div id="other" class="row">
<p class="col-xs-12 col-sm-12" align="center">
{{ 'cv.title4' | translate}}
</p>
</div>
<div align="justify" class="container-fluid hidden-sm-down">
<br>
<hr />
<ul class="circle">
<li [innerHTML]="'cv.content4_1' | translate">
</li>
</ul>
<hr />
<ul class="circle">
<li [innerHTML]="'cv.content4_2' | translate">
</li>
</ul>
<hr />
<ul class="circle">
<li [innerHTML]="'cv.content4_3' | translate">
</li>
</ul>
<hr />
<hr />
<br><br>
</div>
<!-- Mobile -->
<div align="justify" class="container-fluid hidden-md-up" id="mob1">
<br>
<hr />
<div [innerHTML]="'cv.content4_1' | translate"></div>
<hr />
<div [innerHTML]="'cv.content4_2' | translate"></div>
<hr />
<div [innerHTML]="'cv.content4_3' | translate"></div>
<hr />
<hr />
<br><br>
</div>
<!-- ####################################################################################### -->
<div id="project" class="row">
<p class="col-xs-12 col-sm-12" align="center">
{{ 'cv.title5' | translate}}
</p>
</div>
<div align="justify" class="container-fluid projetos hidden-sm-down">
<br>
<hr />
<ul class="circle">
<li [innerHTML]="'cv.content5' | translate">
</li>
</ul>
<hr />
<hr />
<br><br>
</div>
<!-- Mobile -->
<div align="justify" class="container-fluid projetos hidden-md-up" id="mob1">
<br>
<hr />
<div [innerHTML]="'cv.content5' | translate"></div>
<hr />
<hr />
<br><br>
</div>