davidbgk
/
larlet-fr-david-cache
Слідкувати 1
В обрані 0
Форк 0
Код Релізи 0 Активність
A place to cache linked articles (think custom and personal wayback machine)
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.
76 Коміти
1 Гілка
Дерево: 1960169471
Гілки Теги
${ item.name }
Створити гілку ${ searchTerm }
з '1960169471'
${ noResults }
larlet-fr-david-cache/cache/346ee5c331687e37e5dee6af468.../index.html

index.html 28KB
Неформатований Blame Історія

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739 
  1. <!doctype html><!-- This is a valid HTML5 document. -->

  2. <!-- Screen readers, SEO, extensions and so on. -->

  3. <html lang=fr>

  4. <!-- Has to be within the first 1024 bytes, hence before the <title>

  5.   See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->

  6. <meta charset=utf-8>

  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->

  8. <!-- The viewport meta is quite crowded and we are responsible for that.

  9.   See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->

  10. <meta name=viewport content="width=device-width,minimum-scale=1,initial-scale=1,shrink-to-fit=no">

  11. <!-- Required to make a valid HTML5 document. -->

  12. <title>Education | Holberton School (archive) — David Larlet</title>

  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->

  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">

  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">

  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">

  17. <link rel="manifest" href="/manifest.json">

  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">

  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">

  20. <meta name="apple-mobile-web-app-title" content="David Larlet">

  21. <meta name="application-name" content="David Larlet">

  22. <meta name="msapplication-TileColor" content="#da532c">

  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">

  24. <meta name="theme-color" content="#f0f0ea">

  25. <!-- That good ol' feed, subscribe :p. -->

  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">

  27. 

  28.   <meta name="robots" content="noindex, nofollow">

  29.   <meta content="origin-when-cross-origin" name="referrer">

  30.   <!-- Canonical URL for SEO purposes -->

  31.   <link rel="canonical" href="https://www.holbertonschool.com/education">

  32. 

  33. <style>

  34. /* http://meyerweb.com/eric/tools/css/reset/ */

  35. html, body, div, span,

  36. h1, h2, h3, h4, h5, h6, p, blockquote, pre,

  37. a, abbr, address, big, cite, code,

  38. del, dfn, em, img, ins,

  39. small, strike, strong, tt, var,

  40. dl, dt, dd, ol, ul, li,

  41. fieldset, form, label, legend,

  42. table, caption, tbody, tfoot, thead, tr, th, td,

  43. article, aside, canvas, details, embed,

  44. figure, figcaption, footer, header, hgroup,

  45. menu, nav, output, ruby, section, summary,

  46. time, mark, audio, video {

  47.   margin: 0;

  48.   padding: 0;

  49.   border: 0;

  50.   font-size: 100%;

  51.   font: inherit;

  52.   vertical-align: baseline;

  53. }

  54. /* HTML5 display-role reset for older browsers */

  55. article, aside, details, figcaption, figure,

  56. footer, header, hgroup, menu, nav, section { display: block; }

  57. body { line-height: 1; }

  58. blockquote, q { quotes: none; }

  59. blockquote:before, blockquote:after,

  60. q:before, q:after {

  61.   content: '';

  62.   content: none;

  63. }

  64. table {

  65.   border-collapse: collapse;

  66.   border-spacing: 0;

  67. }

  68. 

  69. /* http://practicaltypography.com/equity.html */

  70. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */

  71. /* https://www.filamentgroup.com/lab/js-web-fonts.html */

  72. @font-face {

  73.   font-family: 'EquityTextB';

  74.   src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),

  75.        url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');

  76.   font-weight: 300;

  77.   font-style: normal;

  78.   font-display: swap;

  79. }

  80. @font-face {

  81.   font-family: 'EquityTextB';

  82.   src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),

  83.        url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');

  84.   font-weight: 300;

  85.   font-style: italic;

  86.   font-display: swap;

  87. }

  88. @font-face {

  89.   font-family: 'EquityTextB';

  90.   src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),

  91.        url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');

  92.   font-weight: 700;

  93.   font-style: normal;

  94.   font-display: swap;

  95. }

  96. 

  97. @font-face {

  98.   font-family: 'ConcourseT3';

  99.   src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),

  100.        url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');

  101.   font-weight: 300;

  102.   font-style: normal;

  103.   font-display: swap;

  104. }

  105. 

  106. 

  107. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */

  108. body {

  109.   /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */

  110.   font-family: "EquityTextB", Palatino, serif;

  111.   background-color: #f0f0ea;

  112.   color: #07486c;

  113.   font-kerning: normal;

  114.   -moz-osx-font-smoothing: grayscale;

  115.   -webkit-font-smoothing: subpixel-antialiased;

  116.   text-rendering: optimizeLegibility;

  117.   font-variant-ligatures: common-ligatures contextual;

  118.   font-feature-settings: "kern", "liga", "clig", "calt";

  119. }

  120. pre, code, kbd, samp, var, tt {

  121.   font-family: 'TriplicateT4c', monospace;

  122. }

  123. em {

  124.   font-style: italic;

  125.   color: #323a45;

  126. }

  127. strong {

  128.   font-weight: bold;

  129.   color: black;

  130. }

  131. nav {

  132.   background-color: #323a45;

  133.   color: #f0f0ea;

  134.   display: flex;

  135.   justify-content: space-around;

  136.   padding: 1rem .5rem;

  137. }

  138.   nav:last-child {

  139.     border-bottom: 1vh solid #2d7474;

  140.   }

  141.   nav a {

  142.     color: #f0f0ea;

  143.   }

  144.   nav abbr {

  145.     border-bottom: 1px dotted white;

  146.   }

  147. 

  148. h1 {

  149.   border-top: 1vh solid #2d7474;

  150.   border-bottom: .2vh dotted #2d7474;

  151.   background-color: #e3e1e1;

  152.   color: #323a45;

  153.   text-align: center;

  154.   padding: 5rem 0 4rem 0;

  155.   width: 100%;

  156.   font-family: 'ConcourseT3';

  157.   display: flex;

  158.   flex-direction: column;

  159. }

  160.   h1.single {

  161.     padding-bottom: 10rem;

  162.   }

  163.   h1 span {

  164.     position: absolute;

  165.     top: 1vh;

  166.     left: 20%;

  167.     line-height: 0;

  168.   }

  169.     h1 span a {

  170.       line-height: 1.7;

  171.       padding: 1rem 1.2rem .6rem 1.2rem;

  172.       border-radius: 0 0 6% 6%;

  173.       background: #2d7474;

  174.       font-size: 1.3rem;

  175.       color: white;

  176.       text-decoration: none;

  177.     }

  178. h2 {

  179.   margin: 4rem 0 1rem;

  180.   border-top: .2vh solid #2d7474;

  181.   padding-top: 1vh;

  182. }

  183. h3 {

  184.   text-align: center;

  185.   margin: 3rem 0 .75em;

  186. }

  187. hr {

  188.   height: .4rem;

  189.   width: .4rem;

  190.   border-radius: .4rem;

  191.   background: #07486c;

  192.   margin: 2.5rem auto;

  193. }

  194. time {

  195.   display: bloc;

  196.   margin-left: 0 !important;

  197. }

  198. ul, ol {

  199.   margin: 2rem;

  200. }

  201. ul {

  202.   list-style-type: square;

  203. }

  204. a {

  205.   text-decoration-skip-ink: auto;

  206.   text-decoration-thickness: 0.05em;

  207.   text-underline-offset: 0.09em;

  208. }

  209. article {

  210.   max-width: 50rem;

  211.   display: flex;

  212.   flex-direction: column;

  213.   margin: 2rem auto;

  214. }

  215.   article.single {

  216.     border-top: .2vh dotted #2d7474;

  217.     margin: -6rem auto 1rem auto;

  218.     background: #f0f0ea;

  219.     padding: 2rem;

  220.   }

  221.   article p:last-child {

  222.     margin-bottom: 1rem;

  223.   }

  224. p {

  225.   padding: 0 .5rem;

  226.   margin-left: 3rem;

  227. }

  228.   p + p,

  229.   figure + p {

  230.     margin-top: 2rem;

  231.   }

  232. 

  233. blockquote {

  234.   background-color: #e3e1e1;

  235.   border-left: .5vw solid #2d7474;

  236.   display: flex;

  237.   flex-direction: column;

  238.   align-items: center;

  239.   padding: 1rem;

  240.   margin: 1.5rem;

  241. }

  242.   blockquote cite {

  243.     font-style: italic;

  244.   }

  245.   blockquote p {

  246.     margin-left: 0;

  247.   }

  248. 

  249. figure {

  250.   border-top: .2vh solid #2d7474;

  251.   background-color: #e3e1e1;

  252.   text-align: center;

  253.   padding: 1.5rem 0;

  254.   margin: 1rem 0 0;

  255.   font-size: 1.5rem;

  256.   width: 100%;

  257. }

  258.   figure img {

  259.     max-width: 250px;

  260.     max-height: 250px;

  261.     border: .5vw solid #323a45;

  262.     padding: 1px;

  263.   }

  264. figcaption {

  265.   padding: 1rem;

  266.   line-height: 1.4;

  267. }

  268. aside {

  269.   display: flex;

  270.   flex-direction: column;

  271.   background-color: #e3e1e1;

  272.   padding: 1rem 0;

  273.   border-bottom: .2vh solid #07486c;

  274. }

  275.   aside p {

  276.     max-width: 50rem;

  277.     margin: 0 auto;

  278.   }

  279. 

  280. /* https://fvsch.com/code/css-locks/ */

  281. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  282.   font-size: 1rem;

  283.   line-height: calc( 1.5em + 0.2 * 1rem );

  284. }

  285. h1 {

  286.   font-size: 1.9rem;

  287.   line-height: calc( 1.2em + 0.2 * 1rem );

  288. }

  289. h2 {

  290.   font-size: 1.6rem;

  291.   line-height: calc( 1.3em + 0.2 * 1rem );

  292. }

  293. h3 {

  294.   font-size: 1.35rem;

  295.   line-height: calc( 1.4em + 0.2 * 1rem );

  296. }

  297. @media (min-width: 20em) {

  298.   /* The (100vw - 20rem) / (50 - 20) part

  299.      resolves to 0-1rem, depending on the

  300.      viewport width (between 20em and 50em). */

  301.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  302.     font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );

  303.     line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );

  304.     margin-left: 0;

  305.   }

  306.   h1 {

  307.     font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  308.     line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );

  309.   }

  310.   h2 {

  311.     font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  312.     line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );

  313.   }

  314.   h3 {

  315.     font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  316.     line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );

  317.   }

  318. }

  319. @media (min-width: 50em) {

  320.   /* The right part of the addition *must* be a

  321.      rem value. In this example we *could* change

  322.      the whole declaration to font-size:2.5rem,

  323.      but if our baseline value was not expressed

  324.      in rem we would have to use calc. */

  325.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  326.     font-size: calc( 1rem + .6 * 1rem );

  327.     line-height: 1.5em;

  328.   }

  329.   p, li, pre, details {

  330.     margin-left: 3rem;

  331.   }

  332.   h1 {

  333.     font-size: calc( 1.9rem + 1.5 * 1rem );

  334.     line-height: 1.2em;

  335.   }

  336.   h2 {

  337.     font-size: calc( 1.5rem + 1.5 * 1rem );

  338.     line-height: 1.3em;

  339.   }

  340.   h3 {

  341.     font-size: calc( 1.35rem + 1.5 * 1rem );

  342.     line-height: 1.4em;

  343.   }

  344.   figure img {

  345.     max-width: 500px;

  346.     max-height: 500px;

  347.   }

  348. }

  349. 

  350. figure.unsquared {

  351.   margin-bottom: 1.5rem;

  352. }

  353.   figure.unsquared img {

  354.     height: inherit;

  355.   }

  356. 

  357. 

  358. 

  359. @media print {

  360.   body { font-size: 100%; }

  361.   a:after { content: " (" attr(href) ")"; }

  362.   a, a:link, a:visited, a:after {

  363.     text-decoration: underline;

  364.     text-shadow: none !important;

  365.     background-image: none !important;

  366.     background: white;

  367.     color: black;

  368.   }

  369.   abbr[title] { border-bottom: 0; }

  370.   abbr[title]:after { content: " (" attr(title) ")"; }

  371.   img { page-break-inside: avoid; }

  372.   @page { margin: 2cm .5cm; }

  373.   h1, h2, h3 { page-break-after: avoid; }

  374.   p3 { orphans: 3; widows: 3; }

  375.   img {

  376.     max-width: 250px !important;

  377.     max-height: 250px !important;

  378.   }

  379.   nav, aside { display: none; }

  380. }

  381. 

  382. ul.with_columns {

  383.   column-count: 1;

  384. }

  385. @media (min-width: 20em) {

  386.   ul.with_columns {

  387.     column-count: 2;

  388.   }

  389. }

  390. @media (min-width: 50em) {

  391.   ul.with_columns {

  392.     column-count: 3;

  393.   }

  394. }

  395. ul.with_two_columns {

  396.   column-count: 1;

  397. }

  398. @media (min-width: 20em) {

  399.   ul.with_two_columns {

  400.     column-count: 1;

  401.   }

  402. }

  403. @media (min-width: 50em) {

  404.   ul.with_two_columns {

  405.     column-count: 2;

  406.   }

  407. }

  408. 

  409. .gallery {

  410.   display: flex;

  411.   flex-wrap: wrap;

  412.   justify-content: space-around;

  413. }

  414.   .gallery figure img {

  415.     margin-left: 1rem;

  416.     margin-right: 1rem;

  417.   }

  418.   .gallery figure figcaption {

  419.     font-family: 'ConcourseT3'

  420.   }

  421. 

  422. footer {

  423.   font-family: 'ConcourseT3';

  424.   display: flex;

  425.   flex-direction: column;

  426.   border-top: 3px solid white;

  427.   padding: 4rem 0;

  428.   background-color: #07486c;

  429.   color: white;

  430. }

  431.   footer > * {

  432.     max-width: 50rem;

  433.     margin: 0 auto;

  434.   }

  435.   footer a {

  436.     color: #f1c40f;

  437.   }

  438.   footer .avatar {

  439.     width: 200px;

  440.     height: 200px;

  441.     border-radius: 50%;

  442.     float: left;

  443.     -webkit-shape-outside: circle();

  444.     shape-outside: circle();

  445.     margin-right: 2rem;

  446.     padding: 2px 5px 5px 2px;

  447.     background: white;

  448.     border-left: 1px solid #f1c40f;

  449.     border-top: 1px solid #f1c40f;

  450.     border-right: 5px solid #f1c40f;

  451.     border-bottom: 5px solid #f1c40f;

  452.   }

  453. </style>

  454. 

  455. <h1>

  456.   <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>

  457.   Education | Holberton School (archive)

  458.   <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>

  459. </h1>

  460. <section>

  461.   <article>

  462.     <h3><a href="https://www.holbertonschool.com/education">Source originale du contenu</a></h3>

  463.     <p>Holberton School offers a two-year higher-education program in San Francisco, to become a highly skilled software and operations engineer, through <a href="#project">project-based</a> and <a href="#p2p">peer learning</a>.

  464. </p>

  465. 

  466. <p>The curriculum is designed for intelligent, passionate, dedicated and open-minded students. It is both intense and <a href="#exciting">exciting</a>.</p>

  467. 

  468. <h2 id="project">Project-based learning</h2>

  469. 

  470. <p>Project-based learning is an alternative to paper-based, mechanical memorization and teacher-led classrooms that results in a greater depth of understanding concepts, broader knowledge base, improved communication and interpersonal/social skills, enhanced leadership skills, and increased creativity. It gives students the opportunity to explore problems and challenges that have real-world applications, increasing their long-term retention of skills and concepts.

  471. </p>

  472. 

  473. <p>

  474. Instead of teaching our students a lot of theory, and then sometimes have them apply a fraction of it through a class project, we do the exact opposite. We give them increasingly difficult programming challenges to solve, and give them minimal initial directions about how to solve them. As a consequence, students naturally look for the theory and tools they need, understand them, use them, work together, and help each other.

  475. </p>

  476. 

  477. <p>The project-based learning approach is also much closer to what happens in real life. When you are a software or operations engineer, your job is about completing projects and solving problems. You have to collaborate with your colleagues - not only engineers - and search for the information and tools that will permit you to accomplish your objective.</p>

  478. 

  479. <p>As a result, students out of Holberton School are better prepared to work in the tech industry, and prepared to learn absolutely anything very quickly, ensuring their adaptability through the quickly-evolving technological landscape.

  480. </p>

  481. 

  482. <p>

  483. See some <a href="#projects">examples of projects</a>.

  484. </p>

  485. 

  486. <div class="quote">

  487.     <div class="row">

  488. 

  489.         <div class="col-sm-9 title-font">

  490.             <p>

  491.                 "This is great!  I wish something like this would have been available when I was in school. I don’t use all of what I learned in school and wish I gained more project based experience while in college."

  492.             </p>

  493.             <p>

  494.                 - Andrew Moll, Technical Evangelist at Microsoft.

  495.             </p>

  496.         </div>

  497.     </div>

  498. </div>

  499. 

  500. <h2 id="p2p">Peer learning

  501. </h2>

  502. 

  503. <p>Peer learning is an educational practice in which students interact with other students to reach educational goals. Coupled with <a href="#project">project-based learning</a>, it allows Holberton students to unleash their creativity and naturally learn how to work as a team to solve practical challenges.

  504. </p>

  505. 

  506. <p>At Holberton School, every student helps every other students, and most of the projects are collaborative. We encourage our students to share their knowledge and help each other.

  507. </p>

  508. 

  509. <p>When a student successfully explains a concept to another student, everyone wins: the student receiving the explanation, as it's been proven that abstract concepts are better understood when explained by peers; and the student performing the explanation, as it is the best way to achieve knowledge consolidation.

  510. </p>

  511. 

  512. <p>Peer education is known to foster a very constructive learning culture, as students are immersed into an environment where everyone is driven to help each other.

  513. </p>

  514. 

  515. <h2 id="exciting">Creative and exciting</h2>

  516. 

  517. <p>Software engineering is a creative and exciting journey, and that’s what students experience at Holberton School.

  518. The combination of <a href="#project">project-based learning</a> and <a href="#p2p">peer learning</a> makes Holberton School more engaging for students. They are always hands-on, focusing on building actual applications and solving modern day challenges.

  519. </p>

  520. 

  521. <div class="quote">

  522.     <div class="row">

  523. 

  524.         <div class="col-sm-9 title-font">

  525.             <p>

  526.                 "Holberton School offers a truly innovative approach to education: focus on building reliable applications and scalable systems, take on real-world challenges, collaborate with you peers. A school every software engineer would have dreamt of!"

  527.             </p>

  528.             <p>

  529.                 - Kate Volkova, Sr. Software Engineer at Microsoft.

  530.             </p>

  531.         </div>

  532.     </div>

  533. </div>

  534. 

  535. <h2 id="learn">Learn how to learn</h2>

  536. 

  537. <p>As the world is changing faster and faster, we do not teach our students specific programming languages, frameworks or tools, because nobody can predict what they will need to know tomorrow.

  538. </p>

  539. 

  540. <p>Instead, Holberton School teaches problem solving. Students learn whatever they need to accomplish an objective. They find solutions to problems using offline and online resources, imagination, creativity and communication. By doing so, they will be able to adapt faster to  unknown challenges they will face in their career.

  541. </p>

  542. 

  543. <p>At Holberton School, students become thinkers, not information processors.</p>

  544. 

  545. <div class="quote">

  546.     <div class="row">

  547. 

  548.         <div class="col-sm-9 title-font">

  549.             <p>

  550.                 "Learning how to learn was key in my career, and the project-based and peer learning approach is the best way to become a highly skilled software engineer."

  551.             </p>

  552.             <p>

  553.                 - Sam Alba, Senior Director of Engineering at Docker.

  554.             </p>

  555.         </div>

  556.     </div>

  557. </div>

  558. 

  559. <h2 id="fullstack">The “full stack” engineer</h2>

  560. 

  561. <p>While being a specialist in a given domain can be a good choice in one’s career, having a general understanding of the bigger picture is also important to be a complete and adaptable engineer.</p>

  562. 

  563. <p>If you are a specialist in web front-end development, it is important to also understand how the back-end is built, how and why the API is built this way, how the databases and the infrastructure work behind the scene, etc. This way you can produce a better, faster front-end, and better collaborate with your coworkers.</p>

  564. 

  565. <p>Holberton School students build different types of applications and systems on different devices and operating systems. They learn low-level programming, web front-end, back-end, scripting, databases, mobile development, internet of things, artificial intelligence, reverse engineering, security, and more. While building their applications, they are in charge of everything: coding, testing, documenting, shipping, monitoring, scaling, being on call, etc. Many projects also include user interface and experience, communication, online marketing, community building, pitching, go-to market strategy and more.

  566. </p>

  567. 

  568. <div class="quote">

  569.     <div class="row">

  570. 

  571.         <div class="col-sm-9 title-font">

  572.             <p>

  573.                 "The best engineers I worked with are the ones with a wide knowledge in software engineering. Knowing a bit about everything makes a big difference when debugging complicated problems and building solid products. Holberton is training this kind of people and I am very excited about that!"

  574.             </p>

  575.             <p>

  576.                 - Neha Jain, Software Developer at LinkedIn.

  577.             </p>

  578.         </div>

  579.     </div>

  580. </div>

  581. 

  582. <h2 id="softskills">Soft Skills</h2>

  583. 

  584. <p>

  585. Holberton students learn how to build a product, and how to understand and communicate with others.

  586. </p>

  587. 

  588. <p>

  589. Our <a href="#project">project-based learning</a> environment naturally pushes our students to communicate more and work as a team. In addition, our curriculum also includes projects that require them to pitch their idea, talk to users, talk to real-life software engineers, write technical articles, organize meetups, interact with industry peers through social and professional channels, etc.

  590. </p>

  591. 

  592. <div class="quote">

  593.     <div class="row">

  594. 

  595.         <div class="col-sm-9 title-font">

  596.             <p>

  597.                 "Writing code is the easiest part of an engineer's job. The hardest and most important one is being able to articulate your ideas clearly, be it to your coworkers, boss, press, or users. That makes the difference between a thinker and a typist."

  598.             </p>

  599.             <p>

  600.                 - Florent Crivello, Senior Software Engineer at Uber.

  601.             </p>

  602.         </div>

  603.     </div>

  604. </div>

  605. 

  606. <h2 id="curriculum">Curriculum</h2>

  607. 

  608. <p>

  609. Holberton school provides a two-year higher-education program, with an internship of 6 months between the two years.

  610. </p>

  611. 

  612. <p>

  613. The goal of Holberton School is not to teach students a specific programming language or a specific framework, but to teach them problem solving so that they can be successful during their entire career. Students learn whatever they need to learn to accomplish objectives, including low-level and system programming, higher level programming, web and mobile development, system administration and operations, open-source, algorithms, reverse engineering, etc… as well as documentation, communication, community building, etc.

  614. </p>

  615. 

  616. <p>

  617. At Holberton School, students develop hundreds of small to complex applications, scripts and systems, in many different languages, and on different devices, operating systems, and clouds. Here are a few examples of technical and non-technical projects:

  618. </p>

  619. 

  620. <p>Student projects are open-sourced online on the project host of their choice.

  621. </p>

  622. 

  623. <p>

  624. During their second year, students have the option of working part-time at a company or on their own project / startup.

  625. </p>

  626. 

  627. <div class="quote">

  628.     <div class="row">

  629. 

  630.         <div class="col-sm-9 title-font">

  631.             <p>

  632.                 "At Holberton School, students acquire a deep understanding of computer science fundamentals with a pragmatic approach, adapted to the real world."

  633.             </p>

  634.             <p>

  635.                 - Valerie Tching, Senior Software Engineer at LinkedIn.

  636.             </p>

  637.         </div>

  638.     </div>

  639. </div>

  640. 

  641. <h2 id="physical">A physical school, open 7 days a week</h2>

  642. 

  643. <p>We encourage our students to spend as much time as possible together at school.</p>

  644. 

  645. <p>Having a “physical” school provides our students the kind of social environment that is conducive to sustained engagement and learning. It’s easier to motivate yourself and focus if all of your friends are around you, doing the same thing and helping you when you are struggling.

  646. </p>

  647. 

  648. <p>The school is open to students 7 days a week, and provides a collaborative environment for them to work any day they like.

  649. </p>

  650. 

  651. <h2 id="mentors">A journey among the industry leaders</h2>

  652. 

  653. <p>Holberton School students regularly interact with real-life software engineers and industry leaders. Mentors help students in many different ways: coaching, sharing their experience, collaborating with students... They come from small and bigger companies such as Facebook, Google, Uber, Instagram, LinkedIn, Docker, IBM, Microsoft, etc.

  654. </p>

  655. 

  656. <p>Mentors also ensure that the curriculum stays up to date. Some exercises and projects have been created by the mentors themselves.

  657. </p>

  658. 

  659. <p>

  660. <a href="/team#mentors">See all our mentors</a>.

  661. </p>

  662. 

  663. <div class="quote">

  664.     <div class="row">

  665. 

  666.         <div class="col-sm-9 title-font">

  667.             <p>

  668.                 "To be successful, small or large software projects require a versatile team, and are often lacking profiles mastering what Holberton School is teaching: strong team collaboration, hands-on programming experience, being on call, etc... Think about learning in a startup mode, with industry mentors, not formal teachers!"

  669.             </p>

  670.             <p>

  671.                 - Ludovic Champenois, Tech Lead/Manager Google Cloud.

  672.             </p>

  673.         </div>

  674.     </div>

  675. </div>

  676.   </article>

  677. </section>

  678. 

  679. 

  680. <nav id="jumpto">

  681.   <p>

  682.     <a href="/david/blog/">Accueil du blog</a> |

  683.     <a href="https://www.holbertonschool.com/education">Source originale</a> |

  684.     <a href="/david/stream/2019/">Accueil du flux</a>

  685.   </p>

  686. </nav>

  687. 

  688. <footer>

  689.   <div>

  690.     <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">

  691.     <p>

  692.       Bonjour/Hi!

  693.       Je suis <a href="/david/" title="Profil public">David&nbsp;Larlet</a>, je vis actuellement à Montréal et j’alimente cet espace depuis 15 ans. <br>

  694.       Si tu as apprécié cette lecture, n’hésite pas à poursuivre ton exploration. Par exemple via les <a href="/david/blog/" title="Expériences bienveillantes">réflexions bimestrielles</a>, la <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a> ou en t’abonnant au <a href="/david/log/" title="S’abonner aux publications via RSS">flux RSS</a> (<a href="/david/blog/2019/flux-rss/" title="Tiens c’est quoi un flux RSS ?">so 2005</a>).

  695.     </p>

  696.     <p>

  697.       Je m’intéresse à la place que je peux avoir dans ce monde. En tant qu’humain, en tant que membre d’une famille et en tant qu’associé d’une coopérative. De temps en temps, je fais aussi des <a href="https://github.com/davidbgk" title="Principalement sur Github mais aussi ailleurs">trucs techniques</a>. Et encore plus rarement, <a href="/david/talks/" title="En ce moment je laisse plutôt la place aux autres">j’en parle</a>.

  698.     </p>

  699.     

  700.     <p>

  701.       Voici quelques articles choisis :

  702.       <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,

  703.       <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,

  704.       <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,

  705.       <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,

  706.       <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,

  707.       <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,

  708.       <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,

  709.       <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,

  710.       <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,

  711.       <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,

  712.       <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,

  713.       <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,

  714.       <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,

  715.       <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,

  716.       <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,

  717.       et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>

  718.     </p>

  719.     <p>

  720.       On peut <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">échanger par courriel</a>. Si éventuellement tu souhaites que l’on travaille ensemble, tu devrais commencer par consulter le <a href="http://larlet.com">profil dédié à mon activité professionnelle</a> et/ou contacter directement <a href="http://scopyleft.fr/">scopyleft</a>, la <abbr title="Société coopérative et participative">SCOP</abbr> dont je fais partie depuis six ans. Je recommande au préalable de lire <a href="/david/blog/2018/cout-site/" title="Attention ce qui va suivre peut vous choquer">combien coûte un site</a> et pourquoi je suis plutôt favorable à une <a href="/david/pro/devis/" title="Discutons-en !">non-demande de devis</a>.

  721.     </p>

  722.     <p>

  723.       Je ne traque pas ta navigation mais mon

  724.       <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>

  725.       conserve des logs d’accès.

  726.     </p>

  727.   </div>

  728. </footer>

  729. <script type="text/javascript">

  730.   ;(_ => {

  731.     const jumper = document.getElementById('jumper')

  732.     jumper.addEventListener('click', e => {

  733.       e.preventDefault()

  734.       const anchor = e.target.getAttribute('href')

  735.       const targetEl = document.getElementById(anchor.substring(1))

  736.       targetEl.scrollIntoView({behavior: 'smooth'})

  737.     })

  738.   })()

  739. </script>