# DWWM - Développeur Web et Web Mobile

## Avant propos

<!-- - [WebForce3](https://hackmd.io/@alternative-rvb/wf3) -->
- [Le métier de développeur Web](https://hackmd.io/@alternative-rvb/metier-developpeur)
- [Les différents métiers](https://hackmd.io/@alternative-rvb/fiches-metier-web)
- [L'architecture Client / Serveur](https://hackmd.io/@alternative-rvb/schema-client-serveur)
- [Schéma Client Serveur](https://docs.google.com/drawings/d/1z-hU0ptBdYjczQn5CI5AVm82R6cJtacx3ejwYxXCkeo/edit?usp=sharing)
- [Différents types de sites](https://hackmd.io/@alternative-rvb/types-de-sites)

## UX / UI

- [Maquetter avec Figma](https://hackmd.io/@alternative-rvb/figma-aide-memoire)
- [Le webdesign](https://hackmd.io/@alternative-rvb/webdesign)
- [La charte Graphique](https://hackmd.io/@alternative-rvb/exemple-charte-graphique-cnes)
- [L'arborescence](https://hackmd.io/@alternative-rvb/dwwm-arborescence)
- [La chaîne de production](https://hackmd.io/@alternative-rvb/chaine-de-production)
- [Créer les maquettes de son site web - Les étapes](https://hackmd.io/@alternative-rvb/maquettage-etapes)
- [Les différences entre zoning, wireframe, mockup et prototype](https://hackmd.io/@alternative-rvb/differentes-maquettes)
- [UX - Améliorer l’Éxpérience Utilisateur](https://hackmd.io/@alternative-rvb/ux)
- [UI - Améliorer l'Interface Utilisateur](https://hackmd.io/@alternative-rvb/ui)
- [Accessibilité](https://hackmd.io/@alternative-rvb/Accessibilité)
- [Guide concernant les couleurs](https://hackmd.io/@alternative-rvb/guide-des-couleurs)
- [Les formats d'images](https://hackmd.io/@alternative-rvb/fomats-images)
- [Les Formats de polices](https://hackmd.io/@alternative-rvb/formats-polices)

## Apprenez le `HTML` et le `CSS`

- [HTML CSS](https://hackmd.io/@alternative-rvb/cours-html-css-partie-1)
- [Qu'est-que le viewport ?](https://hackmd.io/@alternative-rvb/meta-viewport)
- [Pourquoi utiliser box-sizing: border-box](https://hackmd.io/@alternative-rvb/box-sizing)
- [Oragniser son CSS avec la notation BEM](http://getbem.com/naming/)
- [HTML CSS - Partie 2](https://hackmd.io/@alternative-rvb/cours-html-css-partie-2)

<!--
- [Qu'est-que la balise meta http-equiv ?](https://hackmd.io/@alternative-rvb/meta-http-equiv)
-->

## Le Responsive Web Design

- [Introduction au Web Mobile](https://hackmd.io/@alternative-rvb/web-mobile-intro)
- [La mise en page avec flexbox](https://hackmd.io/@alternative-rvb/flex-box)
- [Créer une grille avec flexbox](https://hackmd.io/@alternative-rvb/flex-grid)
- [Les médias Queries](https://hackmd.io/@alternative-rvb/media-query)
- [Aide-mémoire de CSS Flex et CSS Grid](https://hackmd.io/@alternative-rvb/flex-grid-aide-memoire)
- [Points clés pour optimiser son site sur mobile](https://hackmd.io/@alternative-rvb/points-cles-responsive)
- [Quelques lignes de codes indispensables](https://hackmd.io/@alternative-rvb/code-utile)

<!--
## Framework CSS

- [Bootstrap](https://hackmd.io/@alternative-rvb/bootstrap)
-->

## JavaScript

- [JavaScript](https://hackmd.io/@alternative-rvb/javascript-aide-memoire)
- [JavaScript - DOM](https://hackmd.io/@alternative-rvb/javascript-aide-memoire#DOM)

### JavaScript Annexe

- [JavaScript - Dimensions](https://hackmd.io/@alternative-rvb/javascript-dimensions)
- [JavaScript - dataset](https://hackmd.io/@alternative-rvb/javascript-dataset)
- [JavaScript - JSON](https://hackmd.io/@alternative-rvb/javascript-objet-json)
- [JavaScript - Promise](https://hackmd.io/@alternative-rvb/javascript-promise)
- [JavaScript - fetch()](https://hackmd.io/@alternative-rvb/javascript-fetch)

<!--
## SEO

- [SEO](https://hackmd.io/@alternative-rvb/SEO)
-->

<!--
## CMS

- [Introduction au CMS](https://hackmd.io/@alternative-rvb/wordpress-intro)
- [Différents types de sites](https://hackmd.io/@alternative-rvb/types-de-sites)
- [Installer Wordpress avec Laragon](https://hackmd.io/@alternative-rvb/installer-wordpress-woocommerce)
- [Installer Wordpress avec Mamp](https://hackmd.io/@alternative-rvb/worpress-serveur-local-mamp)
- [Créer un theme enfant](https://hackmd.io/@alternative-rvb/wordpress-theme-enfant)
- [Mettre en ligne un site Wordpress](https://hackmd.io/@alternative-rvb/mettre-en-ligne-wordpress)
- [Cloner un site Wordpress](https://hackmd.io/@alternative-rvb/cloner-wordpress)
- [Liste de plugins indipensables](https://hackmd.io/@alternative-rvb/plugins-wordpress)
-->

## Git - Outil de Gestion de version

- [Git Cheat Sheet](https://hackmd.io/@alternative-rvb/git-commandes-de-base)
- [Bien débuter avec Git](https://hackmd.io/@alternative-rvb/git-quick-start)
- [Entrainement Git](https://learngitbranching.js.org/?locale=fr_FR)

## PHP / MySQL

- [PHP - Les bases](https://hackmd.io/@alternative-rvb/php-aide-memoire)
- [PHP session](https://hackmd.io/@alternative-rvb/php-session)
- [SQL](https://hackmd.io/@alternative-rvb/sql)
- [SQL Jointures](https://sql.sh/cours/jointures)
- [PHP + SQL + MySQLi ](https://hackmd.io/@alternative-rvb/cours-php-mysqli)
- [PHP + SQL + PDO ](https://hackmd.io/@alternative-rvb/cours-php-pdo)

### PHP Annexe

- [Apprendre a créer un CRUD avec copier-coller.com](https://www.copier-coller.com/un-crud-en-php/)

## Autres ressources

- [Wiki du Web](https://hackmd.io/@alternative-rvb/wiki-du-web)
- [Kit de survie pour le Web 🛠](https://hackmd.io/@alternative-rvb/kit-survie-web)
- [Raccourcis VS-Code](https://hackmd.io/@alternative-rvb/raccourcis-vs-code)
- [Liste de Plugins pour VS-CODE](https://hackmd.io/@alternative-rvb/plugins-vs-code)
- [Raccourcis Windows 10](https://hackmd.io/@alternative-rvb/raccourcis-windows-10)
- [Chemin Relatif Vs Chemin Absolu](https://hackmd.io/@alternative-rvb/absolu-vs-relatif)
- [Image HTML ou Image CSS ?](https://hackmd.io/@alternative-rvb/img-html-vs-img-css)
- [Quelques portfolios pour l'inspiration](https://hackmd.io/@alternative-rvb/exemples-portfolios)
<!-- - [Quelques exemples CSS sur CodePen](http://codepen.io/alternative-rvb) -->

<!--
## Jeux pour apprendre

- [Apprendre le CSS](http://flukeout.github.io/)
- Apprendre CSS Flexbox:
- [Flexbox Froggy](http://flexboxfroggy.com/#fr)
- [Flexbox Defense](http://www.flexboxdefense.com/)
- [Apprendre CSS Grid](http://cssgridgarden.com/#fr)
-->

<!--
## QUIZ D'entraînement

- [Quiz HTML W3School :flag-gb:](http://www.w3schools.com/html/html_quiz.asp)
- [Quiz CSS W3School :flag-gb:](http://www.w3schools.com/css/css_quiz.asp)
- [Quiz Alsacreations :flag-fr:](http://www.alsacreations.com/quiz)
-->

## Appareils et statistiques

- [www.gs.statcounter.com](http://gs.statcounter.com/platform-market-share/desktop-mobile-tablet)
- [www.mydevice.io](https://www.mydevice.io/)
- [whatismyviewport.com](https://whatismyviewport.com/)

<!--
## Guide du Titre Pro DWWM

### Informations sur le Titre

- [Le Titre Professionnel](https://hackmd.io/@alternative-rvb/dwwm-titre-pro-intro)
- [Les compétences de votre Titre](https://hackmd.io/@alternative-rvb/dwwm-competence)
- [Comment se passe l'épreuve ?](https://hackmd.io/@alternative-rvb/dwwm-epreuve)
- [Ce que vous devez avoir le jour de l'épreuve](https://hackmd.io/@alternative-rvb/dwwm-documents-epreuve)

### Les Document à préparer

- [Liens et documents importants](https://hackmd.io/@alternative-rvb/dwwm-liens-docs)
- [Le Dossier Projet](https://hackmd.io/@alternative-rvb/dwwm-dossier-projet)
- [La Présentation Orale](https://hackmd.io/@alternative-rvb/dwwm-presentation-orale)
- [Le Dossier Professionnel](https://hackmd.io/@alternative-rvb/dwwm-dossier-professionnel)
- [Quelques conseils](https://hackmd.io/@alternative-rvb/dwwm-conseils)
-->

<!--
## Atelier Emploi

- [LinkedIn](https://hackmd.io/@alternative-rvb/linkedin)
-->

<!--
## Tendances du digital, des réseaux sociaux, du mobile et du e-commerce

- [Tendances internationales du digital, du social media, du mobile et du e-commerce](/@alternative-rvb/web-mobile-internationale)
- [Tendances nationale du digital, du social media, du mobile et du e-commerce](https://hackmd.io/@alternative-rvb/web-mobile-nationale)
-->

###### tags: `Cours` `DWWM` `Développeur` `Web` `Mobile` `UX` `UI` `SEO` `PHP` `JavaScript`