Less et Sass - Rentabiliser vos développements CSS

Public admis

  • Salarié en Poste
  • Demandeur d'emploi
  • Entreprise
  • Etudiant

Financements

Eligible CPF Votre OPCO Financement personnel

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Utiliser les préprocesseurs Less et Sass dans le cadre d'applications graphiques
  • Combler les lacunes de CSS (exemple : absence de variables ou de fonctions) avec Less et Sass
  • Rendre le résultat des développements réutilisable.

M2I


Un leadership dans le domaine de la formation
Voir la fiche entreprise

Tarif

A partir de 1 220,00 €

Durée 2 jours  (14h00)
Modes
  • Centre
  • Distance
Sessions
Lieux Partout en France

M2I


Un leadership dans le domaine de la formation
Voir la fiche

Tarif

A partir de 1 220,00 €

Durée 2 jours  (14h00)
Modes
  • Centre
  • Distance
Sessions
Lieux Partout en France

Programme

Jour 1

Les préprocesseurs de CSS pour faciliter la vie

  • Présentation de Syntactically Awesome StyleSheets (Sass)
  • Présentation de Leaner CSS (Less)
  • Rentabiliser sa production avec les préprocesseurs
  • Mieux organiser son code
  • Comprendre la logique du préprocesseur
  • Les similitudes entre les produits (assignations, etc.)
  • Les raisons pour lesquelles il faut choisir
    • Sass
    • Less
Exemples de travaux pratiques (à titre indicatif)
  • Réalisation des différentes étapes, depuis la conception jusque l'utilisation des deux langages Less et Sass

Présentation de Sass

  • Introduction à Sass
  • Installation de Sass
  • Migrer en douceur vers Sass
  • Le langage de Sass
  • Les bases de Sass
  • Variables, fonctions
  • Structures de contrôle
  • Les opérations
  • Les mixins
  • Composition et factorisation de styles
  • Eclater vos fichiers
  • Compression
  • Les fonctions plus avancées de Sass
Exemples de travaux pratiques (à titre indicatif)
  • Utiliser des variables pour fixer les couleurs d'un thème
  • Mettre en forme des éléments visuels
  • Utiliser les mixins pour créer une page responsive
  • Répartir un code dans plusieurs fichiers
  • Paramétrer un module

Jour 2

Présentation de Compass

  • Un framework pour Sass
  • Développer cross-browsers avec Compass
Exemples de travaux pratiques (à titre indicatif)
  • Installation de Compass et réalisation de pages cross-browser avec Compass

Présentation de Less

  • Le langage Less
  • Les variables
  • Les opérations
  • Règles imbriquées
  • Pseudo-classes
  • Les mixins
  • Intégration de JavaScript
Exemples de travaux pratiques (à titre indicatif)
  • Utilisation de variables
  • Création de mixins, définition de règles imbriquées
  • Création de fonctions, altération des couleurs
  • Création de plusieurs pages utilisant les possibilités de Less

Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.

Modalités d’évaluation des acquis

  • En cours de formation, par des études de cas ou des travaux pratiques
  • Et, en fin de formation, par un questionnaire d'auto-évaluation

Prérequis

Avoir une bonne connaissance de CSS.

Public

Développeurs de sites Web connaissant le HTML, le CSS ainsi que la représentation DOM.

Ces formations pourraient vous intéresser

Objectifs de la formation

  • Savoir développer des applications web avec Oracle APEX
  • Acquérir les connaissances et les compétences nécessaires pour :
    - Utiliser Oracle Application Express
    - Développer des applications et les personnaliser avec Oracle APEX
    - Créer une interface utilisateur personnalisée, sécuriser et déployer les applications Oracle APEX.
  • Maîtriser la conception des schémas des Bases de données Relationnelles
Tarif

A partir de 2 790,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

Concrètement à l'issue de cette formation ASP.NET MVC 5 vous aurez acquis les connaissances et les compétences nécessaires pour :

  • Développer des applications avancées ASP.NET MVC en utilisant les technologies et outils du framework .NET 4.6
  • Créer des applications web avec Visual Studio 2017
  • Tester et déboguer des applications web ASP.NET MVC5
  • Comprendre comment mettre en œuvre une méthode MVC pour développer en équipe
  • Savoir mettre en œuvre Ajax avec ASP.NET MVC5
  • Être capable d'écrire un service web Windows Azure et l'appeler à partir d'une application MVC.
Tarif

A partir de 2 820,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Identifier les enjeux de l'accessibilité web et les exigences du RGAA
  • Évaluer un site web existant en fonction des critères du RGAA
  • Mettre en œuvre les techniques de développement web pour répondre aux critères d'accessibilité du RGAA
  • Utiliser des outils et méthodologies pour tester l'accessibilité d'un site web
  • Modifier des éléments existants d'un site web pour améliorer son accessibilité
Tarif

A partir de 2 100,00 €

Durée

3 jours

Modes
  • Centre
  • Entreprise

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Identifier les API HTML 5 et leur utilité
  • Valider des formulaires avec WebForms 2
  • Dessiner avec Canvas et SVG
  • Gérer la déconnexion
  • Communiquer avec les WebSockets
  • Gérer les tâches longues avec les WebWorkers
  • Réaliser des animations avec CSS 3
  • Décrire le Responsive Design et les liens entre HTML 5 et la mobilité.
Tarif

A partir de 1 830,00 €

Durée

3j / 21h

Modes
  • Centre
  • Distance

Objectifs de la formation

  • Comprendre les éléments de base de la programmation en JavaScript et interaction avec la page web
  • Maîtriser les concepts importants de JavaScript (types, objets, fonctions, syntaxe, etc)
  • Connaître des idiomes de la programmation JavaScript moderne (promesses, programmation fonctionnelle, etc)
Tarif

A partir de 1 390,00 €

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Construire des pages Web en HTML5
  • Habiller et mettre en forme des pages Web avec CSS3
  • Créer des formulaires avancés
  • Créer des tableaux de données
  • Créer des menus de navigation
  • Utiliser les différentes techniques CSS de positionnement et dimensionnement pour adapter la présentation aux différents appareils (smartphone, tablette, PC)
  • Parcourir et modifier la structure d'une page en JavaScript
  • Gérer des événements utilisateur
  • Intégrer des appels à des Services Web REST et WebSockets en JavaScript
Tarif

Contacter l'organisme

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

ECMAscript provient de la standardisation du langage Javascript selon les normes ECMA. La version 6 (ES6 / ES2015) a amené de nombreux changement car elle était séparée de 6 ans de la version ES5. Aujourd’hui les changements amenés par les dernières versions sont publiés tous les ans : ES2016, ES2017, ESNext, etc. et sont moins significatifs. Il est donc très important pour un développeur Javascript de maîtriser les apports de la version ES6 que l’on rencontre également comme socle des frameworks standards comme AngularJs, NodeJS, ReactJS, etc. L’objectif principal de cette formation Javascript ES6/7, ESNext, est de vous amener à maîtriser les nouvelles composantes de ce langage et d’améliorer la qualité de votre code.

Parmi les principales nouveautés Javascript vous apprendrez à utiliser les nouveaux keywords « let » et « const », vous saurez manipuler les littéraux de gabarit ainsi que les opérateurs « spread » et « rest », vous comprendrez l’intérêt des fonctions fléchées, vous saurez affecter des variables depuis des tableaux ou des objets (décomposition), vous apprendrez à gérer les événements asynchrones avec les promesses (promises), vous utiliserez efficacement les constructeurs et les classes et enfin vous donnerez une dimension plus professionnelle à vos développements en les structurants en modules.

Etant donné le caractère évolutif des versions une attention particulière sera donnée à la compatibilité avec les navigateurs et les principaux frameworks Javascript.

Tarif

A partir de 1 390,00 €

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

Il est enfin accepté dans les appréciations des décideurs que les développeurs ne sont pas tous égaux ! La réussite d'un projet de x jours/homme dépend principalement des hommes qui réaliseront ce projet. Cette formation « Design Principles » a pour objectif de transformer des développeurs ayant des premières expériences en des développeurs « full-stack », capables d'appréhender tous les composants nécessaires à l'élaboration des applications modernes afin de participer aux choix techniques de conception et d'architecture.

Cette formation au contenu technique dense et de haut niveau propose de nombreux ateliers participatifs. A l'instar des développements agiles, prônant la communication inter-équipes, les stagiaires collaborent pendant les ateliers et donnent un avis critique et constructif sur les différentes implémentations proposées par leurs pairs ou par le formateur.

Tarif

A partir de 1 890,00 €

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

Cette formation Flex Mobile permet aux développeurs Flex, Java, C#, PHP, etc... d'acquérir toutes les notions pour réaliser avec Flex des applications Apple iOS, Google Android ou BlackBerry QNX aussi bien pour tablettes que pour les téléphones mobiles (*). La formation Flex mobile aborde les sujets généraux du développement Flex sur mobile : les composants, le positionnement, la navigation, l'accès serveur, l'accès aux ressources du Device, le skinning, les thèmes, l'optimisation ainsi que les spécificités d'iOS, d'Android et de BlackBerry. Le stagiaire réalisera tout au long de cette formation sa première application pour Mobile depuis la conception en prototype jusqu'à la réalisation sur un projet concret. Les thèmes de l'ergonomie, des patterns d'IHM et de l'organisation d'un projet multi-écrans sont ainsi concrètement mis en pratique. (*) iOS version 4.X et supérieur ; Android version 2.2 et supérieur ; architecture ARMv7.

Tarif

Contacter l'organisme

Durée

4j / 28h

Modes
  • Centre
  • Entreprise
  • Distance

Dreamweaver - Initiation

Proposé par GROUPE LEXOM

Objectifs de la formation

Création de site web avec Dreamweaver

  • Concevoir un site Web en HTML avec les fonctions de bases de Dreamweaver
  • Réaliser une mise en page web avancée
Tarif

A partir de 1 390,00 €

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

Je cherche à faire...