background preloader

Le guide ultime pour accélérer son développement frontend

Le guide ultime pour accélérer son développement frontend
Il existe deux types de développeurs : ceux qui développent vite (et bien) et les autres. En tant que développeur frontend vous vous êtes sûrement déjà rendu compte que certaines parties de votre travail/passion était redondantes et qu'il était souvent possible d'aller plus vite. Bref, je vais vous apprendre à passer au niveau supérieur de productivité à travers une (longue) liste de conseils et d'astuces glanées sur le web. Sommaire 1. Avant toute chose je tiens à vous faire remarquer que ce guide est le fruit de ma réflexion et de mon expérience du développement frontend. Cet article provient à l'origine d'un post sur Quora que j'ai écrit pour répondre à la question "Quelles sont les meilleurs astuces pour gagner du temps lors d'un développement front ?". 2. Pendant longtemps sur mes projets personnels j'ai pris l'habitude de toujours débuter en négligeant la phase de conception. Astuce n°1 : Ne jamais mettre la charrue avant les boeufs Définir les grandes lignes Réaliser des prototypes Related:  COURS, TUTORIELS et Co

5 sites majeurs d'e-learning/dev, graphisme, webdesign [Total : 1 Moyenne : 5/5] Pour notre plus grand bonheur les sites proposant des tutoriels et des cours d’e-learning autour du web se multiplient. Aujourd’hui l’auto-apprentissage n’est plus une option pour celui où celle qui se veut créatif, surprenant ou simplement curieux. A l’heure où les MOOC (Massive Open Online Cours) fleurissent, il m’a semblé bon de vous proposer un listing de 5 sites d’e-learning à conserver dès maintenant dans vos marques-page. 1 – Alsacréations Domaines abordés : HTML et CSSAccessibilité, bonnes pratiques et ergonomie pour personnes déficientes ou handicapésDéveloppement PHP, MySQL, AjaxCMS : WordPress, SPIP, CMS Made SimpleJavascript et donc jQueryXMLWebdesign et graphisme Niveau de connaissance : Débutant à Avancé En résumé : Alsacréations est une agence web basée à Strasbourg en Alsace. 2 – Grafikart HTML et CSSJavascript et jQueryPHPCakePHPFlashSymfony 2PhotoshopCMS : WordPressWebdesign et graphisme

Team8 - Graphisme et Web Design Developer Network Ébauche de workflow Gulp : tâches courantes, unCSS, includes HTML et critical-CSS Préambule : cet article part du principe que vous n’êtes pas totalement étranger aux notions et outils tels que LESS, NodeJS, Gulp ni à la ligne de commande, il ne s'agit d'un tutoriel de découverte de ces outils mais d'usage en environnement professionnel. Introduction Au sein de l’agence web Alsacreations.fr, nous avons instauré un processus de travail (un “workflow”) composé de langage LESS, compilé avec des tâches Gulp et saupoudré de conventions internes et de KNACSS. Le site goetter.fr est mon site personnel, mon bac à sable et mon espace de test pour moults expériences web. Cela m’a pris une journée de reprendre tout le workflow de mon site perso. L’environnement Gulp Dans la version précédente de mon site personnel, mon dossier de travail était le même que celui de production : je faisais simplement attention à ne pas mettre en prod les fichiers inutiles (CSS non minifié, images non optimisées) et j'employais le logiciel Prepros.io pour compiler mes fichiers. npm install gulp -g

À-fournir-avant-de-lancer-un-développement-front À fournir avant de lancer un développement front ================================================ Bloquant -------- ### Informations fournies par le chef de projet - Contexte projets précis. (Qui est le client ? Y a-t-il un site existant ? Quels seront les intervenants sur le projet ?

Your Web, documented · WebPlatform.org Apprendre le Web | MDN Bienvenue dans l'Espace d'apprentissage du MDN. Cet ensemble d'articles a pour but de fournir aux développeurs Web débutants tout ce dont ils ont besoin pour commencer à développer des sites web simples. Le but de cette section du MDN n'est pas de vous faire passer de « débutant » à « expert », mais plutôt de vous mettre à l'aise avec les technologies. À partir de là, vous devriez être capable de vous débrouiller par vous-même, en utilisant le reste du contenu du MDN et d'autres ressources. Si vous êtes un débutant complet, le développement web peut être un réel défi — notre but est de simplifier suffisamment le sujet pour que vous appreniez facilement, tout en vous fournissant assez de détails pour que vous soyez autonome. Important : L'espace d'apprentissage reçoit régulièrement de nouveaux contenus. Par où commencer ? Note : Notre Glossaire fournit des définitions de la terminologie employée. Entrée aléatoire dans le glossaire Jank Rubriques couvertes Débuter avec le développement web

Free Web Development Courses | The Odin Project This course is for anyone who is either starting from scratch or who isn't entirely comfortable with their understanding of the command line, HTML, CSS, Javascript, Ruby, web frameworks, Git, or other foundational technologies and practices of web development. We cover a LOT of ground -- by the end of this comprehensive course, you'll be well prepared to take on our deep dive courses or explore further on your own. You Will Learn

Related: