Please enable JavaScript.
Coggle requires JavaScript to display documents.
Intégration Web, découpage, le maquettage, integration, une représentation…
Intégration Web
Les métiers du web
-
:red_flag: UI Designer
:star: Sa mission consiste à produire une maquette graphique à l'aide d'un logiciel comme Sketch ou Photoshop par exemple.
:red_flag: Graphiste
:star: crée des logos ,affiches ,flyers, packagings, visuels destinés à des sites ou réseaux sociaux…
:star: transforme des idées en visuels de facon à assurer leur bonne transmission auprés du public visé.
-
-
:red_flag: UX Designer
:star: responsable de l'expérience d'un produit ou un service :star: penser une interface intuitive et qualitative pour l'utilisateur
-
:red_flag: Expert SEO
:star: Son rôle consiste à analyser et optimiser le trafic d'utilisateurs sur un ou plusieurs sites web
:star:: Son objectif est d'accroitre la visibilité du site en question, de générer plus de trafic sur celui-ci , afin d'améliorer le chiffre d'affaires
-
-
Le responsive designe
Définition
C'est une manière de concevoir un site web pour que son contenu s'adapte automatiquement à la résolution écran du terminal qui est utilisé pour le visionner
-
-
-
Les media queries
Media Queries(ou requête de media) est une expression dont la valeur est toujours vraie ou fausse. Elle est composé de plusieurs élément : le media et les propriétés , le tout est lié avec des operateur logique
Le view port
Les écran à écran étroits interprètent les pages dans une fenêtre virtuelle appelée viewport.(les pages sont plus larges que l'écran/rétrécir le résultat interprété pour être immédiatement
Pour les autre supports, la balise Meta viewport ne sera pas interprétée (width/height/initial-scale/maximum-scale/minimum-scale/user-scalable)
Modele de boites
Elle définit la façon dont la hauteur et la largeur totale d'une élément est calculée. Par défaut le calcul des démentions d'un élément est comme suit : width+padding+border=width de l'élément actuel / hieght+padding+border=height de l'élément actuel
-
BOOTSTRAP
Bootstrap est un Framework CSS est JavaScript qui fournit une liste d'outil pour simplifier la création de design se sites et d'application Web
Optimisation de code
Linter
Le lenter a pour but tenter de forcer le développeur à corriger le maximum d'erreur potentiels avant le compilation et/ou l'exécution ainsi que l'inciter à écrire du meilleur code: Fonctionnel/ Propre/ Lisible /Maintenable/ Reprécable/ améliorable
-
Bundler
Réduire le code ou le rendre plus léger consiste aussi à réduire au maximum le nombre de fichiers qui composent le code
-
-
Les polyfills
les nouvelles fonctionnalités du langage peuvent inclure non seulement des constructions de syntaxe et des operateurs ,mais également des fonction intégrées
-
-
-
-
-
une représentation statique de basse fidélité du concept graphique d'un site web en création ou en refonte. Il englobe les bases du site
permet de visualiser les premières versions du design graphique.elle est statique qui permet d'interagir avec les différentes parties prenantes du projet
une représentation dynamique de haute-fidélité du site web.
c'est une simulation du projet final .il permet de tester les interactions.
-
-
-