{% extends 'base.html.twig' %}
{% block page_contents %}
<section class="section section-page-title bg-gradient py-xl-5 py-4" data-aos='fade-down'>
<div class="container">
<div class="row">
<div class="col-12 text-center text-white">
<h1 class="page-name font-weight-bold my-2">{% trans %}Notre pédagogie : former, encadrer, soutenir, professionnaliser{% endtrans %}</h1>
</div>
</div>
</div>
</section>
<section class="section mb-xl-5 mb-4 mt-4">
<div class="container">
<div class="row">
<div class="col-xl-3 col-lg-4 order-lg-0 order-1">
<div class="ecole-nav pr-lg-4 pr-0 mt-3 sticky">
<ul class="nav nav-pills d-block" data-aos='fade-right'>
<li><a href="{{path('nos_valeurs')}}">{% trans %}Nos valeurs{% endtrans %}</a></li>
<li><a href="{{path('etudier_estiam')}}">{% trans %}Étudier à l’ÉSTIAM{% endtrans %}</a></li>
<li><a class="active" href="{{path('pedagogie')}}">{% trans %}Notre pédagogie{% endtrans %}</a></li>
<li><a href="{{path('cursus')}}">{% trans %}Cursus & spécialisations{% endtrans %}</a></li>
<li><a href="{{path('habilitations')}}">{% trans %}Habilitations et Qualité{% endtrans %}</a></li>
<li><a href="{{path('conseil')}}">{% trans %}Conseil de perfectionnement{% endtrans %}</a></li>
<li><a href="{{path('etudier_handicap')}}">{% trans %}Étudier en situation de handicap{% endtrans %}</a></li>
</ul>
</div>
</div>
<div class="col-xl-9 col-lg-8 order-lg-1 order-0">
<div class="ecole-content text-dark-purple text-justify keepEditorStyle" data-aos='fade-left'>
<div class="section-title text-left mb-3"><span>/</span> {% trans %}Notre pédagogie{% endtrans %} <span class="font-weight-normal">{% trans %}former, encadrer, soutenir, professionnaliser{% endtrans %}</span></div>
<p class="font-weight-bold">{% trans %}Des bases solides pendant les 2 premières années de formation{% endtrans %}</p>
<p class="font-weight-bold">{% trans %}Intégrer le monde professionnel par l’alternance pendant les 3 dernières années.{% endtrans %}</p>
<div class="row justify-content-center mb-4">
<div class="col-xl-5 col-md-6 mb-xl-0 mb-3">
<div class="e-item d-flex flex-column h-100 p-3 mb-lg-0">
<div class="e-title text-orange font-weight-bold font-30 text-center text-uppercase mb-3">{% trans %}ANNÉES 1 ET 2{% endtrans %}</div>
<p class="font-weight-bold">{% trans %}Cours le matin, mise en pratique l’après-midi. Effectif réduit de 15 élèves.{% endtrans %}</p>
<p>{% trans %}Sous la surveillance du professeur (tous des professionnels de l'informatique), en groupe de 15 élèves maximum, nos étudiants mettent en œuvre chaque après-midi les concepts abordés en cours le matin. L’encadrement est ainsi personnalisé, le professeur étant disponible pour s’occuper d’apporter son support à chaque élève individuellement grâce à cet effectif réduit. En moyenne, 30% des cours technologiques sont donnés en anglais.{% endtrans %}</p>
<p>{% trans %}De cette façon, les étudiants voient leurs compétences se renforcer continuellement et atteignent rapidement un niveau d’efficacité qui facilitera leur intégration en entreprise.{% endtrans %}</p>
</div>
</div>
<div class="col-xl-5 col-md-6 mb-xl-0 mb-3">
<div class="e-item d-flex flex-column h-100 p-3 mb-lg-0">
<div class="e-title text-orange font-weight-bold font-30 text-center text-uppercase mb-3">{% trans %}ANNÉES 3, 4 ET 5{% endtrans %}</div>
<p class="font-weight-bold">{% trans %}Professionnalisation en immersion en entreprise par l’alternance{% endtrans %}</p>
<p>{% trans %}Les 3e, 4e et 5e années de notre scolarité représentent plus de 1800 heures de cours et permettent une immersion 4 jours par semaine en entreprise, dans le cadre de contrat de professionnalisation en alternance.{% endtrans %}</p>
<p>{% trans %}À travers nos cursus double compétence (Digital Media, e‑Industries, Retail et Finance), nos étudiants trouvent leur premier emploi grâce à ÉSTIAM, deux ans avant l’obtention de leur diplôme. 30% des cours technologiques sont également donnés en anglais.{% endtrans %}</p>
</div>
</div>
</div>
</div>
<div class="section-title text-left mb-3"><span>/</span> {% trans %}Le schéma des parcours pédagogiques{% endtrans %}</div>
<p><img src="{{ asset('assets/images/ecole/img-5.webp') }}?v=1" alt=""/></p>
<div class="bg-purple pt-2 pb-4 px-xl-5 px-md-4 px-3 mt-xl-5 mt-4">
<div class="section-title text-white mb-2"><span>/</span> {% trans %}Video{% endtrans %}</div>
<div class="px-xl-5">
<div class="embed-responsive embed-responsive-16by9 hvr-glow">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/-ivu5P-tuP4?si=IwVLwhMpyUsmI4QV&rel=0" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}