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?

Popular posts from this blog

Undefined global vim

Defining vim as global outside of Neovim When developing plugins for Neovim, particularly in Lua, developers often encounter the "Undefined global vim" warning. This warning can be a nuisance and disrupt the development workflow. However, there is a straightforward solution to this problem by configuring the Lua Language Server Protocol (LSP) to recognize 'vim' as a global variable. Getting "Undefined global vim" warning when developing Neovim plugin While developing Neovim plugins using Lua, the Lua language server might not recognize the 'vim' namespace by default. This leads to warnings about 'vim' being an undefined global variable. These warnings are not just annoying but can also clutter the development environment with unnecessary alerts, potentially hiding other important warnings or errors. Defining vim as global in Lua LSP configuration to get rid of the warning To resolve the "Undefined global vi...
Read more

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...
Read more

CopilotChat GlobFile Configuration

CopilotChat GlobFile Configuration Want to feed multiple files into GitHub Copilot Chat from Neovim without listing each one manually? Let's add a tiny feature that does exactly that: a file glob that includes full file contents . In this post, we'll walk through what CopilotChat.nvim offers out of the box, why the missing piece matters, and how to implement a custom #file_glob:<pattern> function to include the contents of all files matching a glob. Using Copilot Chat with Neovim CopilotChat.nvim brings GitHub Copilot's chat right into your editing flow. No context switching, no browser hopping — just type your prompt in a Neovim buffer and let the AI help you refactor code, write tests, or explain tricky functions. You can open the chat (for example) with a command like :CopilotChat , then provide extra context using built-in functions. That “extra context” is where the magic really happens. Built-in functio...
Read more