templates/ecole/cursus.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block page_contents %}
  4. <section class="section section-page-title bg-gradient py-xl-5 py-4" data-aos='fade-down'>
  5.   <div class="container">
  6.     <div class="row">
  7.       <div class="col-12 text-center text-white">
  8.         <h1 class="page-name font-weight-bold my-2">{% trans %}Cursus métiers et spécialisations : adaptez votre formation{% endtrans %}</h1>
  9.       </div>
  10.     </div>
  11.   </div>
  12. </section>
  14. <section class="section mb-xl-5 mb-4 mt-4">
  15.   <div class="container">
  16.     <div class="row">
  17.       <div class="col-xl-3 col-lg-4 order-lg-0 order-1">
  18.         <div class="ecole-nav pr-lg-4 pr-0 mt-3 sticky">
  19.           <ul class="nav nav-pills d-block" data-aos='fade-right'>
  20.             <li><a href="{{path('nos_valeurs')}}">{% trans %}Nos valeurs{% endtrans %}</a></li>
  21.             <li><a href="{{path('etudier_estiam')}}">{% trans %}Étudier à l’ÉSTIAM{% endtrans %}</a></li>
  22.             <li><a href="{{path('pedagogie')}}">{% trans %}Notre pédagogie{% endtrans %}</a></li>
  23.             <li><a class="active" href="{{path('cursus')}}">{% trans %}Cursus & spécialisations{% endtrans %}</a></li>
  24.             <li><a href="{{path('habilitations')}}">{% trans %}Habilitations et Qualité{% endtrans %}</a></li>
  25.             <li><a href="{{path('conseil')}}">{% trans %}Conseil de perfectionnement{% endtrans %}</a></li>
  26.             <li><a href="{{path('etudier_handicap')}}">{% trans %}Étudier en situation de handicap{% endtrans %}</a></li>
  27.           </ul>
  28.         </div>
  29.       </div>
  30.       <div class="col-xl-9 col-lg-8 order-lg-1 order-0">
  31.         <div class="ecole-content text-dark-purple text-justify keepEditorStyle" data-aos='fade-left'>
  32.           <!---->
  33.           <div class="row mb-4">
  34.             <div class="col-12 col-xl-7 mx-auto mb-3 mb-xl-0">
  35.               <div class="section-title text-left mb-2"><span>/</span> {% trans %}Cursus Métiers & Spécialisations{% endtrans %}</div>
  37.               <div>
  38.                 <div class="font-20 font-weight-bold text-left mb-3">{% trans %}Un parcours personnalisé{% endtrans %}</div>
  39.                 <p class="text-left">{% trans %}4 Cursus Métiers × 6 Spécialisations et 2 MBA = 32 parcours pédagogiques{% endtrans %}</p>
  40.               </div>
  42.               <div>
  43.                 <p class="font-weight-bold mb-3">{% trans %}Pendant ses deux dernières années d’études à ÉSTIAM, chaque étudiant peut choisir parmi 32 parcours pédagogiques{% endtrans %}</p>
  44.                 <p>{% trans %}Après les premières années d’un socle de compétences solide en informatique, le choix d’un Cursus Métier ÉSTIAM en 4e année permet d’apporter des cours spécifiques au domaine d’activité de votre entreprise en alternance car les métiers de l’informatique sont différents dans un groupe automobile, une banque ou une chaîne de télévision.{% endtrans %}</p>
  45.                 <p class="mb-0">{% trans %}En 5e année, la spécialisation permet de cibler les technologies qui vous conviennent le plus. Vous avez le choix entre 6 Spécialisations :{% endtrans %}</p>
  46.                 <ul class="font-weight-bold">
  47.                   <li>{% trans %}Développement Web & Mobile{% endtrans %}</li>
  48.                   <li>{% trans %}Cybersecurité, Cloud, Système & Réseaux{% endtrans %}</li>
  49.                   <li>{% trans %}Big Data & Intelligence Artificielle{% endtrans %}</li>
  50.                   <li>{% trans %}SAP ERP Cloud & Data{% endtrans %}</li>
  51.                   <li>{% trans %}Gestion du Cycle de Vie Complet des API{% endtrans %}</li>
  52.                   <li>{% trans %}Création en NoCode{% endtrans %}</li>
  53.                 </ul>
  54.               </div>
  55.             </div>
  57.             <div class="col-12 col-xl-5 mx-auto">
  58.               <div class="bg-purple rounded--second text-white py-3 px-4">
  59.                 <div class="text-center mb-3">{% trans %}ÉSTIAM a lancé ses BTS SIO en alternance sur Parcoursup !{% endtrans %}</div>
  60.                 <div class="font-weight-bold text-uppercase font-30 text-center mb-3">{% trans %}BTS SIO SLAM/SISR{% endtrans %}</div>
  61.                 <p>{% trans %}Le BTS SIO SLAM en alternance est destiné aux étudiants qui souhaitent s'orienter vers des métiers liés à la conception et la maintenance de programmes applicatifs, à la cybersécurité et au Cloud. Tandis que le BTS SIO SISR en alternance est destiné à ceux qui souhaitent s'orienter vers la conception et la maintenance d'infrastructures réseaux. ÉSTIAM forme en 2 ans des experts de l'IT.{% endtrans %}</p>
  62.                 <p><strong>{% trans %}Notre valeur ajoutée ?{% endtrans %}</strong></p>
  63.                 <p>{% trans %}Les cours sont enrichis avec les certifications et les cours intfernationaux donnés depuis le Japon, le Brésil, l'Inde ou encore Washington.{% endtrans %}</p>
  64.                 <p>{% trans %}ÉSTIAM propose également un accompagnement personnalisé à tous les étudiants pour les aider à trouver une alternance.{% endtrans %}</p>
  65.               </div>
  66.             </div>
  67.           </div>
  69.           <div class="row mb-xl-0 pb-4">
  70.             <div class="col-xl-4 d-none">
  71.               <p>{% trans %}Les programmes des Cursus Métiers ÉSTIAM ont été créés avec l’INA, l’Institut national de l’audiovisuel, avec Financia Business School, la grande école de la Finance, avec Mobinergy, architecte de la mobilité d’entreprise, 42c, leader du conseil informatique pour les médias et la finance, et Segula, le leader de l’ingénierie dans le secteur industriel.{% endtrans %}</p>
  72.             </div>
  73.           </div>
  75.           <div class="section-title text-left mb-3"><span>/</span> {% trans %}Les Cursus Métiers{% endtrans %}</div>
  76.           <p class="font-weight-bold">{% trans %}Les cursus métiers à ÉSTIAM offrent un avantage décisif aux étudiants, favorisant leur réussite professionnelle.{% endtrans %}</p>
  77.           <p>En adaptant le contenu pédagogique aux secteurs d'activité des entreprises partenaires, ÉSTIAM assure des compétences spécifiques recherchées par les employeurs, offrant ainsi un <strong>avantage à l'embauche</strong>. Ces cursus permettent également d'<strong>être prioritaire dans la recherche d'une alternance</strong>, renforçant <strong>l'employabilité des étudiants</strong>.</p>
  78.           <p>La proximité accrue entre la théorie enseignée et les compétences requises en entreprise facilite la transition entre la salle de classe et le lieu de travail, préparant les étudiants à appliquer leurs connaissances de manière pratique. Lors d'entretiens d'embauche, nos étudiants peuvent mettre en avant la pertinence directe de leurs formations aux besoins spécifiques de l'entreprise, constituant un <strong>atout majeur aux yeux des recruteurs</strong>.</p>
  79.           <p>Un avantage à l’embauche avant l’alternance et un avantage à l’embauche après l’alternance pour trouver un CDI !</p>
  80.           <p>Les programmes des Cursus Métiers ÉSTIAM sont le fruit de collaborations avec des institutions renommées telles que l'INA, Financia Business School, Mobinergy, 42c, et Segula, garantissant une formation alignée sur les exigences du marché du travail.</p>
  81.           <div class="row section-cursus">
  82.             <div class="col-xl-3 col-md-6 mb-lg-5 mb-4">
  83.               <div class="p-item cursor d-flex flex-column h-100" data-aos='zoom-in'>
  84.                 <div class="p-img position-relative">
  85.                   <img class="position-relative w-100 h-100" src="{{ asset('assets/images/career/c-1.jpg') }}" alt=""/>
  86.                 </div>
  87.                 <div class="p-box position-relative flex-1 d-flex flex-column h-100">
  88.                   <div class="p-content text-center pb-3 px-3 d-flex flex-column h-100">
  89.                     <div class="show-line">
  90.                       <div class="text-purple font-weight-bold font-20 text-uppercase mb-2">{% trans %}RETAIL{% endtrans %}</div>
  91.                       <p>{% trans %}L’informatique pour le futur du commerce : les places de marchés, les solutions eCommerce, l’automatisation et la gestion de flux, le supply chain, le commerce international, le référencement appliqué au commerce en ligne.{% endtrans %}</p>
  92.                     </div>
  93.                     <div class="hide-line">
  94.                       <div class="font-weight-bold">{% trans %}4e année{% endtrans %}</div>
  95.                       <ul>
  96.                         <li>{% trans %}Logistique et gestion de stocks{% endtrans %}</li>
  97.                         <li>{% trans %}Droit du commerce et du eCommerce{% endtrans %}</li>
  98.                         <li>{% trans %}Architecture / implémentation eCommerce / Marketplace{% endtrans %}</li>
  99.                       </ul>
  101.                       <div class="font-weight-bold mt-3">{% trans %}5e année{% endtrans %}</div>
  102.                       <ul>
  103.                         <li>{% trans %}Méthodologie, techniques rédactionnelles{% endtrans %}</li>
  104.                         <li>{% trans %}Lean Management{% endtrans %}</li>
  105.                         <li>{% trans %}Stratégie eBusiness et eCommerce{% endtrans %}</li>
  106.                       </ul>
  107.                     </div>
  108.                     <div class="p-link position-absolute r-0 b-0">
  109.                       <span>
  110.                         <span></span>
  111.                       </span>
  112.                     </div>
  113.                   </div>
  114.                 </div>
  115.               </div>
  116.             </div>
  117.             <div class="col-xl-3 col-md-6 mb-lg-5 mb-4">
  118.               <div class="p-item cursor d-flex flex-column h-100" data-aos='zoom-in'>
  119.                 <div class="p-img position-relative">
  120.                   <img class="position-relative w-100" src="{{ asset('assets/images/career/c-2.jpg') }}" alt=""/>
  121.                 </div>
  122.                 <div class="p-box position-relative flex-1 d-flex flex-column h-100">
  123.                   <div class="p-content text-center pb-3 px-3 d-flex flex-column h-100">
  124.                     <div class="show-line">
  125.                       <div class="text-purple font-weight-bold font-20 text-uppercase mb-2">{% trans %}FINANCE{% endtrans %}</div>
  126.                       <p>{% trans %}L’informatique au service des métiers de la finance : la blockchain, les bitcoins, les nouveaux systèmes de paiements, les plateformes de trading, les données de marchés.{% endtrans %}</p>
  127.                     </div>
  128.                     <div class="hide-line">
  129.                       <div class="font-weight-bold">{% trans %}4e année{% endtrans %}</div>
  130.                       <ul>
  131.                         <li>{% trans %}Instruments financiers{% endtrans %}</li>
  132.                         <li>{% trans %}Logiciels financiers{% endtrans %}</li>
  133.                         <li>{% trans %}Métiers de la banque{% endtrans %}</li>
  134.                       </ul>
  136.                       <div class="font-weight-bold mt-3">{% trans %}5e année{% endtrans %}</div>
  137.                       <ul>
  138.                         <li>{% trans %}Applicatifs financiers{% endtrans %}</li>
  139.                         <li>{% trans %}BlockChain, les nouveaux systèmes de paiement{% endtrans %}</li>
  140.                         <li>{% trans %}Réglementation, Droit des marchés et fraude{% endtrans %}</li>
  141.                       </ul>
  142.                     </div>
  143.                     <div class="p-link position-absolute r-0 b-0">
  144.                       <span>
  145.                         <span></span>
  146.                       </span>
  147.                     </div>
  148.                   </div>
  149.                 </div>
  150.               </div>
  151.             </div>
  152.             <div class="col-xl-3 col-md-6 mb-lg-5 mb-4">
  153.               <div class="p-item cursor d-flex flex-column h-100" data-aos='zoom-in'>
  154.                 <div class="p-img position-relative">
  155.                   <img class="position-relative w-100" src="{{ asset('assets/images/career/c-3.jpg') }}" alt=""/>
  156.                 </div>
  157.                 <div class="p-box position-relative flex-1 d-flex flex-column h-100">
  158.                   <div class="p-content text-center pb-3 px-3 d-flex flex-column h-100">
  159.                     <div class="show-line">
  160.                       <div class="text-purple font-weight-bold font-20 text-uppercase mb-2">{% trans %}DIGITAL MEDIA{% endtrans %}</div>
  161.                       <p>{% trans %}L’informatique au service du secteur des médias et de la création digitale avec des cours métiers sur les nouveaux médias, le broadcast et le multicast, le traitement du signal audio et vidéo, les codecs, le live, diffusion multiplateforme, UX et UI, réalité augmentée, réalité virtuelle…{% endtrans %}</p>
  162.                     </div>
  163.                     <div class="hide-line">
  164.                       <ul>
  165.                         <li>{% trans %}Transformation digitale des médias{% endtrans %}</li>
  166.                         <li>{% trans %}Expériences 3D et augmentée{% endtrans %}</li>
  167.                         <li>{% trans %}Broadcast et streaming{% endtrans %}</li>
  168.                         <li>{% trans %}Développement 3D avec Unity{% endtrans %}</li>
  169.                         <li>{% trans %}Design Digital et prototypage 3D{% endtrans %}</li>
  170.                         <li>{% trans %}UI, UX et accessibilité{% endtrans %}</li>
  171.                       </ul>
  173.                     </div>
  174.                     <div class="p-link position-absolute r-0 b-0">
  175.                       <span>
  176.                         <span></span>
  177.                       </span>
  178.                     </div>
  179.                   </div>
  180.                 </div>
  181.               </div>
  182.             </div>
  183.             <div class="col-xl-3 col-md-6 mb-lg-5 mb-4">
  184.               <div class="p-item cursor d-flex flex-column h-100" data-aos='zoom-in'>
  185.                 <div class="p-img position-relative">
  186.                   <img class="position-relative w-100" src="{{ asset('assets/images/career/c-4.jpg') }}" alt=""/>
  187.                 </div>
  188.                 <div class="p-box position-relative flex-1 d-flex flex-column h-100">
  189.                   <div class="p-content text-center pb-3 px-3 d-flex flex-column h-100">
  190.                     <div class="show-line">
  191.                       <div class="text-purple font-weight-bold font-20 text-uppercase mb-2">{% trans %}E-INDUSTRIES{% endtrans %}</div>
  192.                       <p>{% trans %}L'informatique au service des métiers de l'industrie : usine 4.0, Systèmes électroniques embarqués dans l’automobile, IoT, Arduino et technologies embarquées, Métiers de l’industrie et de l’automobile.{% endtrans %}</p>
  193.                     </div>
  194.                     <div class="hide-line">
  195.                       <div class="font-weight-bold">{% trans %}4e année{% endtrans %}</div>
  196.                       <ul>
  197.                         <li>{% trans %}Technologies réseau appliquées à l’IoT{% endtrans %}</li>
  198.                         <li>{% trans %}Métiers de l’industrie et de l’automobile{% endtrans %}</li>
  199.                         <li>{% trans %}Systèmes électroniques embarqués dans l’automobile{% endtrans %}</li>
  200.                       </ul>
  202.                       <div class="font-weight-bold mt-3">{% trans %}5e année{% endtrans %}</div>
  203.                       <ul>
  204.                         <li>{% trans %}Développement solutions embarquées et temps réel{% endtrans %}</li>
  205.                         <li>{% trans %}Lean Management{% endtrans %}</li>
  206.                         <li>{% trans %}Gestion de la qualité{% endtrans %}</li>
  207.                       </ul>
  208.                     </div>
  209.                     <div class="p-link position-absolute r-0 b-0">
  210.                       <span>
  211.                         <span></span>
  212.                       </span>
  213.                     </div>
  214.                   </div>
  215.                 </div>
  216.               </div>
  217.             </div>
  218.           </div>
  220.           <div class="section-title text-left mb-3"><span>/</span> {% trans %}Témoignages de nos étudiants{% endtrans %}</div>
  221.           <div class="row section-testi bg-white">
  222.             <div class="col-12 mb-xl-5 mb-4" data-aos='zoom-in'>
  223.               <div class="t-box d-flex flex-column h-100 position-relative">
  224.                 <div class="t-img position-absolute t-0">
  225.                   <img src="{{ asset('assets/images/alternance/mask.png') }}" width="127" class="position-relative">
  226.                   <div class="position-absolute w-100 h-100 l-0 t-0 rounded-circle" style="background-image: url({{ asset('assets/images/alternance/img-3.jpg') }});"></div>
  227.                 </div>
  228.                 <div class="t-content d-flex flex-column h-100 px-4 pt-md-3 pb-3">
  229.                   <div class="t-icon mb-1">
  230.                     <i class="fas fa-quote-left mr-4"></i>
  231.                     <div class="flex-1 mr-md-5">
  232.                       <div class="line-1 font-20 text-purple font-weight-bold">{% trans %}Reddy NTIE promo 2019{% endtrans %}</div>
  233.                       <div class="line-2 mt-1">
  234.                         <div class="star">
  235.                           <div class="star-number" style="width: 100%;"></div>
  236.                         </div>
  237.                       </div>
  238.                     </div>
  239.                   </div>
  241.                   <div class="t-text text-dark-purple text-justify">
  242.                     {% trans %}Intéressé par le monde des médias et du digital depuis l'enfance, je me suis engagé dans les études de sciences et technologie pour y arriver. En intégrant l’ÉSTIAM j’ai pu mettre en pratique ma passion. En effet, cette école proposait un cursus DIGITAL MEDIA qui mettait en pratique l'informatique au service des médias.{% endtrans %}
  243.                   </div>
  244.                 </div>
  245.               </div>
  246.             </div>
  247.           </div>
  248.         </div>
  249.       </div>
  250.     </div>
  251.   </div>
  252. </section>
  254. <style type="text/css">
  255.   .rounded--second {
  256.     border-radius: 60px;
  257.   }
  258. </style>
  259. {% endblock %}