Les meilleurs ressources pour comprendre
Front-end
Partie visible d'une application web, avec laquelle l'utilisateur interagit
1'/%3e%3cpath%20d='m392%20176h32v48h-32z'%20fill='%23cbcbcb'%20transform='matrix(-1%200%200%20-1%20816%20400)'/%3e%3cg%20fill='%230276b4'%3e%3ccircle%20cx='256'%20cy='144'%20r='8'/%3e%3ccircle%20cx='256'%20cy='112'%20r='8'/%3e%3ccircle%20cx='256'%20cy='80'%20r='8'/%3e%3ccircle%20cx='256'%20cy='48'%20r='8'/%3e%3ccircle%20cx='288'%20cy='144'%20r='8'/%3e%3ccircle%20cx='288'%20cy='112'%20r='8'/%3e%3ccircle%20cx='288'%20cy='80'%20r='8'/%3e%3ccircle%20cx='288'%20cy='48'%20r='8'/%3e%3ccircle%20cx='320'%20cy='144'%20r='8'/%3e%3ccircle%20cx='320'%20cy='112'%20r='8'/%3e%3ccircle%20cx='320'%20cy='80'%20r='8'/%3e%3ccircle%20cx='224'%20cy='144'%20r='8'/%3e%3ccircle%20cx='224'%20cy='112'%20r='8'/%3e%3ccircle%20cx='224'%20cy='80'%20r='8'/%3e%3ccircle%20cx='224'%20cy='48'%20r='8'/%3e%3ccircle%20cx='192'%20cy='144'%20r='8'/%3e%3ccircle%20cx='192'%20cy='112'%20r='8'/%3e%3ccircle%20cx='192'%20cy='80'%20r='8'/%3e%3c/g%3e%3cpath%20d='m288.007%20341.963a8%208%200%200%201%20-4.584-14.562%2048.569%2048.569%200%200%200%2013.724-14.67%208%208%200%200%201%2013.706%208.257%2064.735%2064.735%200%200%201%20-18.276%2019.536%207.966%207.966%200%200%201%20-4.57%201.439z'%20fill='%230296e5'/%3e%3cpath%20d='m256%20352a8%208%200%200%201%200-16%2048.783%2048.783%200%200%200%206.867-.486%208%208%200%201%201%202.266%2015.839%2064.835%2064.835%200%200%201%20-9.133.647z'%20fill='%230296e5'/%3e%3cpath%20d='m136.005%20136a7.984%207.984%200%200%201%20-6.252-3%2072.034%2072.034%200%200%201%200-90%208%208%200%200%201%2012.494%2010%2055.722%2055.722%200%200%200%200%2070%208%208%200%200%201%20-6.242%2013z'%20fill='%23fbb540'/%3e%3cpath%20d='m105.973%20152a7.984%207.984%200%200%201%20-6.078-2.793%2094.05%2094.05%200%200%201%200-122.414%208%208%200%200%201%2012.148%2010.414%2078.047%2078.047%200%200%200%200%20101.586%208%208%200%200%201%20-6.07%2013.207z'%20fill='%23fbb540'/%3e%3cpath%20d='m376%20136a8%208%200%200%201%20-6.242-13%2055.722%2055.722%200%200%200%200-70%208%208%200%200%201%2012.494-10%2072.034%2072.034%200%200%201%200%2090%207.984%207.984%200%200%201%20-6.252%203z'%20fill='%23fbb540'/%3e%3cpath%20d='m406.027%20152a8%208%200%200%201%20-6.07-13.207%2078.047%2078.047%200%200%200%200-101.586%208%208%200%200%201%2012.148-10.414%2094.05%2094.05%200%200%201%200%20122.414%207.984%207.984%200%200%201%20-6.078%202.793z'%20fill='%23fbb540'/%3e%3cpath%20d='m152%20176h208v40h-208z'%20fill='%23cbcbcb'/%3e%3cpath%20d='m168%20216h176v16h-176z'%20fill='%23015078'/%3e%3c/g%3e%3c/svg%3e)
0
0%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20512.001%20512.001'%20style='enable-background:new%200%200%20512.001%20512.001;'%20xml:space='preserve'%3e%3cpath%20style='fill:%23FF7258;'%20d='M502.691,237.592H369.557c-4.273,0-7.971-2.941-8.962-7.098%20c-9.34-39.149-40.285-69.997-79.487-79.198c-4.173-0.98-7.132-4.684-7.132-8.97V9.242c0-5.496,4.775-9.748,10.24-9.17%20c58.153,6.163,112.04,31.784,153.981,73.714c41.822,41.833,67.426,95.566,73.663,153.553%20C512.447,232.809,508.192,237.592,502.691,237.592z'/%3e%3cpath%20style='fill:%23F95D48;'%20d='M273.976,142.327v-27.398c64.094,7.919,114.929,58.629,123.045,122.665h-27.463%20c-4.273,0-7.971-2.941-8.962-7.098c-9.34-39.149-40.285-69.997-79.487-79.198C276.935,150.318,273.976,146.613,273.976,142.327z'/%3e%3cpath%20style='fill:%23FFDC65;'%20d='M511.949,282.405c-5.128,49.126-24.143,95.221-55.135,133.648c-3.454,4.281-9.844,4.657-13.733,0.767%20l-74.535-74.535l-19.612-19.612c-3.035-3.035-3.549-7.747-1.294-11.399c6.004-9.72,10.491-20.47,13.134-31.921%20c0.968-4.194,4.678-7.177,8.982-7.177H502.78C508.271,272.175,512.52,276.943,511.949,282.405z'/%3e%3cpath%20style='fill:%23FFC846;'%20d='M397.192,272.175c-3.055,26.225-13.269,50.26-28.646,70.11l-19.612-19.612%20c-3.035-3.035-3.549-7.747-1.294-11.399c6.004-9.72,10.491-20.47,13.134-31.921c0.968-4.194,4.678-7.177,8.982-7.177H397.192z'/%3e%3cpath%20style='fill:%2300ABE0;'%20d='M418.671,441.32c3.884,3.884,3.517,10.261-0.75,13.718c-45.519,36.882-101.83,56.943-161.237,56.943%20c-68.554,0-133.015-26.709-181.501-75.182C26.971,388.588,0.302,324.58,0.002,256.46c-0.301-68.411,26.807-134.3,75.182-182.674%20c41.934-41.934,95.828-67.555,153.989-73.714c5.457-0.577,10.219,3.686,10.219,9.173v133.082c0,4.294-2.971,7.994-7.152,8.976%20c-47.164,11.08-82.383,53.492-82.383,103.996c0,58.894,47.92,106.825,106.825,106.825c20.711,0,40.058-5.931,56.447-16.173%20c3.655-2.284,8.392-1.778,11.439,1.269L418.671,441.32z'/%3e%3cpath%20style='fill:%23099DD1;'%20d='M324.571,347.22l19.653,19.653c-24.131,19.06-54.632,30.448-87.785,30.455%20c-78.517,0.017-141.564-62.84-141.772-141.356c-0.194-72.693,54.342-132.695,124.728-141.113v27.467%20c0,4.294-2.971,7.994-7.151,8.976c-47.164,11.08-82.383,53.492-82.383,103.996c0,58.894,47.92,106.825,106.825,106.825%20c20.711,0,40.058-5.931,56.447-16.173C316.787,343.667,321.523,344.173,324.571,347.22z'/%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3cg%3e%3c/g%3e%3c/svg%3e)
Aucune statistique à afficher
Le front-end désigne la partie d'une application ou d'un site web qui s'exécute dans le navigateur et que l'utilisateur voit et manipule. Il repose principalement sur HTML pour la structure, CSS pour la mise en forme et JavaScript pour l'interactivité, souvent avec l'aide de frameworks. Il communique avec le back-end pour afficher et envoyer des données.
Ne sautez plus de tutoriel en tutoriel 👇
Créez votre site web avec HTML et CSS
'%3e%3cpath%20d='M50.2142%2018.9386C49.891%2017.9389%2049.0043%2017.2289%2047.9552%2017.1343L33.7053%2015.8404L28.0704%202.65157C27.655%201.685%2026.7087%201.05933%2025.6574%201.05933C24.6061%201.05933%2023.6599%201.685%2023.2444%202.65383L17.6096%2015.8404L3.35734%2017.1343C2.31016%2017.2311%201.42571%2017.9389%201.10063%2018.9386C0.775554%2019.9383%201.07577%2021.0349%201.86794%2021.7261L12.6392%2031.1726L9.46301%2045.1637C9.2306%2046.1924%209.62988%2047.2558%2010.4834%2047.8728C10.9423%2048.2043%2011.479%2048.3731%2012.0203%2048.3731C12.487%2048.3731%2012.95%2048.2473%2013.3655%2047.9986L25.6574%2040.6522L37.9448%2047.9986C38.844%2048.5396%2039.9774%2048.4902%2040.8291%2047.8728C41.683%2047.2539%2042.0819%2046.1902%2041.8495%2045.1637L38.6733%2031.1726L49.4446%2021.728C50.2368%2021.0349%2050.5393%2019.9402%2050.2142%2018.9386Z'%20fill='%23FFC107'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1229_10547'%3e%3crect%20width='49.3714'%20height='49.3714'%20fill='white'%20transform='translate(0.971436)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
218 participants
Apprenez les bases du web en créant vos premières pages avec HTML et CSS, sans aucun prérequis.
Débutant
3 heures
Créer une application web moderne avec React
9 participants
Apprenez React pour créer des interfaces dynamiques, performantes et construire des applications web professionnelles.
Junior
2 heures