Bootcamps Details
Desarrollo Aplicaciones Front-End Trainee
The student passed the modules and the final project required to qualify as a trainee front-end application developer, able to write the code for the visual interface of a page or application, working with languages such as advanced CSS and JavaScript. This gives access to software development and maintenance organisations and to IT service providers in the national and international industry.
Skills acquired
Job readiness — 36 hours
Advanced CSS — 72 hours
Advanced component development with Vue.js — 66 hours
Fundamentals of web component development with Vue.js — 84 hours
Fundamentals of web development — 72 hours
Programming with JavaScript — 108 hours
BOOTCAMP DESARROLLO APLICACIONES FRONT-END TRAINEE
Talento Digital para Chile
Issued by:
Talento Digital para Chile
Criteria
Pass the 6 modules of the programme: Fundamentals of web development — Advanced CSS — Programming with JavaScript — Fundamentals of web component development with Vue.js — Advanced component development with Vue.js — Job readiness. Total: 438 hours
Pass the final project of each module
Pass the certification with at least 60%. Talento Digital para Chile assesses the skills and competencies of its graduates through an exit certification, consisting of a practical case study
A practical case in which an active IT industry professional, with a high level of experience in the specific subject
Carries out a product assessment to ensure the profile of its certified graduates meets the standard required for trainee roles.
Date successfully completed this Specialization: March 3, 2025
Bootcamp offered by: Talento Digital / Desafío Latam & Talento Digital para Chile
Bootcamps
Bootcamps
Show Code
views.py Code
@throttle_classes([TenCallsPerMinute])
def bootcamp_details(request, bootcamp_id):
bootcamps = OtherFormations.objects.filter(type='Bootcamp')
if request.GET.get("title", None) is not None:
bootcamps = bootcamps.filter(title__icontains=request.GET.get("title"))
bootcamp = get_object_or_404(OtherFormations, id=bootcamp_id)
context = {
# El PDF es un campo del admin (portfolio.0045); vacío → enlace a la web.
'bootcamps': bootcamps, 'bootcamp': bootcamp, 'file_path': bootcamp.certificate_file or None,
**show_code([bootcamp_details], 'bootcamp.html'),
}
return render(request, 'bootcamp.html', context)
Template
{% extends 'base.html' %}
{% load i18n %}
{% block title %}{{ bootcamp.title }} | Marco A. Parra F.{% endblock %}
{% block meta_description %}{% blocktrans with name=bootcamp.title %}Programme and certificate of the {{ name }} bootcamp completed by Marco A. Parra F.{% endblocktrans %}{% endblock %}
{% block content %}
{% load static %}
{% load fontawesome_5 %}
<br><br>
<section class="container-section mb-4">
<div class="container-fluid">
<div class="row g-0">
<div class="portfolio-box-caption">
<div class="row">
<div class="col">
<h2 class="portfolio-box-headers" style="text-align:center">
Bootcamps Details</h2>
</div>
</div>
</div>
<hr>
<div class="container" id="section-c">
<div class="row" >
<div class="container-fluid specialization-detail" style="background: white">
<div class="row">
<h3 class="mt-9" style="margin:10px">{{ bootcamp.title }}</h3>
<p class="d-none d-sm-block show-read-more" style="margin:10px">{{ bootcamp.description|linebreaksbr }}</p>
</div>
<hr>
<div class="row">
<div class="col-12 col-md-6 ">
{% if file_path %}
<embed class="d-flex align-cls-center" style="height: 300px; width:100%" src="{% static 'shared/' %}{{file_path }}" alt="Display certificate"/>
{% elif bootcamp.website %}
<a class="btn btn-warning" href="{{ bootcamp.website }}" target="_blank" rel="noopener">Go to the credential</a>
{% endif %}
</div>
<div class="col">
<h5 class="mb-4">Date successfully completed this Specialization: <q>{{bootcamp.end_date}}</q></h5>
<div class="mb-4">
<a href="{{ bootcamp.web_site }}" class="text-break"> {{ bootcamp.website }}</a>
</div>
<h6>{{ bootcamp.type }} offered by: <strong> {{ bootcamp.institution}}</strong> & <strong>Talento Digital para Chile</strong></h6>
{% if bootcamp.title == 'Aplicaciones Full Stack Python Trainee' %}
<hr>
<div class="container text-center">
<h4>Insignia Digital, Talento Digital Chile:</h4>
<div class="row justify-content-center">
<div class="col-md-6">
<img class="img-fluid" src="{% static 'img/insigniaFullStackPython.png' %}" alt="FullStack Python credentials"/>
</div>
</div>
<div class="mt-3">
<a href="https://www.acreditta.com/credential/1654395b-6317-44bf-9beb-18774afdb129" target="_blank">Credential View</a>
</div>
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="container-section mb-4">
<div class="container-fluid">
<div class="row g-0">
<div class="portfolio-box-caption">
<div class="row">
<div class="col">
<h3 class="portfolio-box-headers" style="text-align:center">
Bootcamps</h3>
</div>
</div>
</div>
<hr>
<div class="container" id="specialization">
<h3 class="mb-3 mt-4 p-4" style="background-color: #212529; color: #fff;"><i class="fas fa-list"> Bootcamps</i></h3>
<div class="row">
<div class="col table-responsive">
<form>
<table class="table table-hover align-middle">
<thead class="table-dark">
<tr class="table-light">
<th scope="col">
<input type="text" name="title" value="" placeholder="Filter By Name Bootcamp">
</th>
<th scope="col">
<button type="submit" name="button" class="btn btn-warning"><a href="#specialization">Filter</a></button>
</th>
</tr>
<tr>
<th scope="col">Name</th>
<th scope="col">Institution/Company</th>
<th scope="col">Date</th>
<th scope="col">View Details</th>
</tr>
</thead>
<tbody>
{% for item in bootcamps %}
<tr>
<th scope="row">{{ item.title }}</th>
<td>{{ item.institution }}</td>
<td>{{ item.start_date|date:"M Y" }} - {{ item.end_date|date:"M Y" }}</td>
<td>
<a href="{% url 'detail_bootcamp' item.id %}" >
<button class="btn btn-success btn-sm rounded-0" type="button" data-toggle="tooltip" data-placement="top" title="ViewMore"><i class="fa fa-edit"></i></button>
</a>
</td>
</tr>
{% empty %}
<tr>
<td colspan="7">No se encontraron datos</td>
</tr>
{% endfor %}
</tbody>
</table>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
{% include 'partials/_show_code.html' %}
{% endblock %}