Skip to main content

Sas 02 et HTML

Maquette

De manière générale, une application Web nait techniquement en tant que maquette graphique. On reçoit un fichier "psd" (qui peut s'ouvrir avec Gimp) et la tâche consiste à "transformer" ça en HTML.

Quel rapport avec le développement?

Un développeur backend doit comprendre les balises qu'il va générer, savoir quel est l'impact visuel et esthétique d'un élément qu'il va introduire dans un template statique validé.

Les interfaces web se veulent sensibles aux évènements de nos jours. Pour gérer ça, nous utilisons Javascript et jQuery. Personnaliser les modules jQuery existants et éventuellement en développer, telles sont les tâches d'un intégrateur. Pour cela il faut maîtrser un arbre HTML.

Le mobile

Avoir une déclinaison pour un terminal qui tient dans une main, ou une tablette est maintenant un must pour une structure de développement moderne. C'est aussi dans les cordes d'un intégrateur de chez nous.

Sas de formation et HTML

Le sas de formation est actuellement dans la phase d'approfondissement de l'intégration et développement mobile.

Il leur a été fourni une maquette en "psd" qu'ils vont devoir intégrer, en tenant compte des principaux navigateurs du marché.

  • Quelles ont été les difficultés?
  • Quelles solutions?
  • Quelles nouvelles compétences ont été acquises?

Comments

Popular posts from this blog

npm run build base-href

Using NPM to specify base-href
When building an Angular application, people usually use "ng" and pass arguments to that invocation.
Typically, when wanting to hard code "base-href" in "index.html", one will issue:

ng build --base-href='https://ngx.rktmb.org/foo'


I used to build my angular apps through Bamboo or Jenkins and they have a "npm" plugin.
I got the habit to build the application with "npm run build" before deploying it.

But the development team once asked me to set the "--base-href='https://ngx.rktmb.org/foo'" parameter.

npm run build --base-href='https://ngx.rktmb.org/foo


did not set the base href in indext.html

After looking for a while, I found https://github.com/angular/angular-cli/issues/13560 where it says:
You need to use −− to pass arguments to npm scripts. This did the job!
The command to issue is then:

npm run build -- --base-href='https://ngx.rktmb.org/foo'

dockerfile multiline to file

Outputing a multiline string from Dockerfile
I motsly use a Dockerfile by sourcing from a base ditribution: CentOS or Debian.
But I also have a local mirror and would like to use it for packages installation.

Espacially on CentOS it is about many lines to write to the /etc/yum.repos.d/CentOS-Base.repo file.

Easiest way: one RUN per line The first method that comes in mind is to issue one RUN per line to write.
Here you are:

RUN echo "[base] " > /etc/yum.repos.d/CentOS-Base.repo RUN echo "name=CentOS-$releasever - Base " >> /etc/yum.repos.d/CentOS-Base.repo RUN echo "baseurl=ftp://packages-infra.mg.rktmb.org/pub/centos/7/base-reposync-7 " >> /etc/yum.repos.d/CentOS-Base.repo RUN echo "gpgcheck=0 " >>…

Jira workflow for new projects

Associated workflow creation I'm a Jira Cloud user and begining from some version 6, I noticed that when I create a project, it automatically creates a Workflow and Issue Scheme that is prepended by the project key and which is a copy of the default scheme.
I always had to make a cleanup after creating a project. Default workflow for new projects I also miss a feature that would allow me to make a custom workflow (and globally custom project setting) the default for new projects I create.
Solution: Create with shared configuration While searching, I noticed that with Jira Cloud which is version 7.1.0 at the time I write, there is a link at the bottom of the "Create project" wizard:
"Create with shared configuration" will allow me to select the project I want the new one to share configuration with.

The new created project will use the same configuration as the project I selectThere will be no creation of Workflow and Issue Scheme that I need to cleanup

This fea…