S11J04 -> Comment réactualiser les variables du fichier .less dynamiquement ?

Aujourd’hui: Comment changer les polices d’écritures dynamiquement? Pour changer les variables de votre fichier .less vous pouvez utiliser [Less] dans votre navigateur. De cette façon, la compilation .less se fera du côté client. Pour ce faire, vous devez inclure le script less.js dans le projet.   <script src=”less.js”></script> Et inclure le fichier .less dont les variables […]

Read More

S11J02 -> Comment créer les sous-titres d’une vidéo ?

Aujourd’hui: Les sous-titres Pour créer des sous-titres, il est possible d’utiliser plusieurs éditeurs de texte, dans mon cas, j’utilise Notepad ++. Selon le lecteur vidéo, vous devez sauvegarder le fichier TXT avec généralement l’extension .srt (avec videogular l’extension est .vtt) et en format UTF-8 (spécialement si vous devez soutenir des notations syllabiques ou des caractères spéciaux).   […]

Read More

S10J05-> Vendredi

Aujourd’hui: Vendredi   Le stage tire à ça fin et l’application aussi. Suite à ma rencontre avec le client cette semaine, nous avons constaté du retard de leur côté. Lorsqu’ils auront terminé le contenu qui sera dans l’application, je pourrais le terminer. En attendant, je fais du réusinage de code et je tente d’optimiser l’interface. […]

Read More

S10J05 -> LESS

Aujourd’hui: LESS Actuellement, je réusine beaucoup de code, dont les pages LESS. Afin de bien les optimiser,  j’utilise [LESS] afin de m’assurer que mon code en less donne bien le résultat attendu. À voir!    

Read More

S10J03 -> Grunt serve:dist. Problème de nom de fichiers.

Aujourd’hui: grunt serve:dist Lors de la distribution d’une application Angular, les fichiers sont renommés par grunt afin d’être uniques. Donc un fichier qui se nomme par exemple “example.jpg” va devenir “example.234jh342.jpg”. Le but ici est de s’assurer que l’image soit rafraîchie dans la page lors d’une mise à jour et que l’ancienne image ne reste […]

Read More

S09J05 -> L’utilisation de Ui-Sortable

Aujourd’hui: Ui-Sortable [github]   Aujourd’hui, je me suis créé deux listes contenant des div déplaçables afin de les classer dans les bonnes catégories. [Exemple] <div class=”col-lg-12″> <div class=”row”> <div class=”col-lg-6″> <div ui-sortable=”sortableOptions” class=”apps-container screen” ng-model=”list1″> <div class=”app” ng-repeat=”app in list1″ id=”list1_{{$index}}”>{{app.CHARACTERISTICS}}</div> </div> </div> <div class=”col-lg-6″> <div ui-sortable=”sortableOptions” class=”apps-container screen” ng-model=”list2″> <div class=”app” ng-repeat=”app in list2″ id=”list2_{{$index}}”>{{app.CHARACTERISTICS}}</div> […]

Read More

S09J01-05 -> Vendredi

Cette semaine: finalisation de l’application. Cette semaine, j’ai finalisé les dernières sections de l’application. Le site web est à 80% fonctionnel. Je dois cependant retravailler l’ergonomie et la cohérence des sections similaires afin d’offrir une expérience utilisateur agréable. Donc la semaine prochaine, je vais travailler sur le css et l’ergonomie, réusiner le code, créer des […]

Read More

S09J03 -> Pourquoi utiliser une fenêtre modale?

Aujourd’hui: Les fenêtres modales. Les fenêtres modales sont conçues afin d’accaparer l’attention de l’utilisateur et de les prévenir d’actionner d’autres éléments dans l’application. Habituellement sur les applications de bureau, un bouton d’action doit être accessible en bas à droite en tout temps. [->] J’utilise plusieurs fenêtres modales afin de guider l’utilisateur dans l’application. À la demande du client, je […]

Read More

S09J02 -> JavaScript Operator ( === vs == )

Aujourd’hui: === vs == == (Égalité normal)   |   === (Égalité stricte) console.log(0 == ”); //true console.log(0 === ”); //false console.log(” == ‘0’); //false console.log(” === ‘0’); //false console.log(false == ‘false’); //false console.log(false == ‘0’); //true console.log(false === ‘0’); //false console.log(null == undefined); //true console.log(null === undefined);//false console.log(23 != ’23’); //false console.log(23 !== ’23’); //true […]

Read More

S08J05 -> La concentration: efficacité vs niveau d’éveil.

Aujourd’hui: bas niveau de concentration. Ce blogue ayant pour but de relater mes journées de stages, j’ai, dans mes autres publications, écrit sur des problèmes techniques de programmation Angular.js. Aujourd’hui, j’ai un tout autre problème qui affecte la programmation. Cette nuit, la qualité de mon sommeil n’a pas été très bonne et je me suis rendu […]

Read More

S08J01-05 -> Vendredi

Cette semaine: réusinage, rencontre client.   Cette semaine, j’ai enclenché une séance de réusinage de code afin d’intégrer les autres parties de l’application. Au départ, nous croyions que chacune des parties du site allait être basée sur un modèle similaire. Donc que je n’aurais qu’à changer les textes. Suite à une réévaluation des sections et […]

Read More

S07J05 -> Comment charger deux vues différentes dans la même page html ? (ui-router)

C’est une première façon que j’ai utilisée afin de changer le body de la page sans l’utilisation de ng-show qui empêche l’utilisation du bouton back du navigateur. J’ai donc créé deux états dans le fichier app.js: .state(‘scenarioSelected’, { url : ‘/scenarioSelected?scenarioId’, views:{ ”:{ templateUrl: ‘app/scenarioSelected/scenarioSelected.html’, controller: ‘ScenarioSelectedCtrl’ }, ‘body@scenarioSelected’:{ templateUrl: ‘app/scenarioSelected/PageComponents/Background.html’, } } }) .state(‘scenarioSelectedIntervention’, […]

Read More

S07J05 -> Ui-Router: Comment passer des paramètres dans l’URL?

Aujourd’hui: Comment passer des paramètres dans l’URL?   Premièrement: ajouter ?variable dans (url:) .state(‘scenarioSelected’, { url : ‘/scenarioSelected?scenarioId’, templateUrl: ‘app/scenarioSelected/scenarioSelected.html’, controller: ‘ScenarioSelectedCtrl’ Ensuite dans le contrôler: utiliser l’ID en paramètre pour aller chercher le bon objet. var object = Scenarios[$stateParams.scenarioId]; Enfin dans le HTML: utiliser l’attribut ui-sref afin de passer le bon ID, ici: $index. ui-sref=”scenarioSelected({scenarioId: […]

Read More

S07J04 -> Comité d’évaluation de reconnaissance du CCTT (centre de connaissance et transfert de technologie).

Aujourd’hui: Comité d’évaluation de reconnaissance du CCTT. «Reconnu pour une période définie, un centre collégial de transfert de technologie fait l’objet d’évaluations périodiques permettant d’analyser s’il est opportun de renouveler sa reconnaissance.» @Guide_Renouvellement Le comité est aujourd’hui venu visiter le CIMMI afin d’évaluer la direction que prend le centre. Les différents projets clefs ont été présentés au comité […]

Read More

S07J03 -> NgRoute vs Ui-Router

Aujourd’hui: ngRoute vs Ui-Router ngRoute un module développer par l’équipe d’Angular.js qui au départ fait partie du noyau d’Angular. ui-router est un cadriciel qui a été conçu en dehors du projet Angular afin d’améliorer et de perfectionner les capacités de routage. Voici un tableau qui résume bien les différences entre les deux types de routage: Dans mon […]

Read More

S07J02 -> L’utilisation de ngMaterial

Aujourd’hui: @ngMaterial   Angular Material est un cadriciel qui a implémenté les spécifications de design selon les directives de Google. @googleDesign Le but dans l’utilisation de Angular Material est d’utiliser les principes de bon design appliqué aux applications web. J’ai testé et c’est particulièrement efficace. À voir.    

Read More
voice-over-control

S07J01 -> Comment créer un module ”Voice-Over”

Aujourd’hui: La création d’un module ”Voice-Over”; Nous avons besoin: @ngAudio; UserStory: En tant qu’usager, je veux activer ou désactiver la lecture “voice-over”; L’idée ici est que lorsque l’usagé va se rendre à un endroit précis dans l’application, la lecture du texte se déclenchera à la manière d’un livre audio. Vous devez d’abord charger le fichier audio: […]

Read More

S06J05 -> Vendredi

  Cette semaine j’ai: Trouvé une solution afin de faire apparaître des bulles d’information au-dessus des mots en rouge dans les textes translate Terminé la première section de l’application. Solutionné le problème de navbar lors de la distribution. Rencontré le client. Modifié certaines parties de l’application selon les commentaires du client. Repensé la navigation. Refactorisé […]

Read More

S06J04 -> Qu’est-ce qu’Heroku?

Aujourd’hui: Heroku Wikipédia:  Heroku est un service permet le déploiement très rapide d’applications web dans le cloud, avec une gestion très souple du scaling horizontal au travers d’un modèle de gestion des processus emprunté à Unix et adapté au Web. Donc à chaque commit, l’application est mise à jour et déployé.

Read More

S06J03 -> Création d’un bouton dans une directive

Aujourd’hui: yo angular-fullstack:directive myDirective   Création de directive: commands: $yo angular-fullstack:directive myDirective Je me suis créé une directive pour un bouton que j’utilise à plusieurs endroits dans l’application directive.js angular.module(‘myapp’) .directive(‘nextBtn’, function () { return { templateUrl: ‘components/nextBtn/nextBtn.html’, restrict: ‘EA’, }; }); nextBtn.html <button id =”next” class=”vik-btn arrow animated jello” type=”button” ng-click=”cancel()”>{{‘NEXT’| translate}}</button> nextBtn.less .vik-btn{ padding-top: […]

Read More