Programa formatiu

BCN_IP_1
Índex

Índex 2

Descripció del curs 3

Projecte 3

T1- Les TIC (10h) 4

E1- Tecnologies i disseny Web. HTML i CSS (35h) 4

E2- Magatzems de dades (15h) 5

T2- Algoritmes i programes. Introducció a BackEnd (35h) 5

E3- Interacció amb l’usuari. FrontEnd amb ReactJS (50h) 6

E4- Projecte. Integració FrontEnd/BackEnd (50h) 6

T3 – T6- Competències Transversals (20h) 7

Lloc de les sessions: Carrer d'En Llàstics, 2. 08003 Barcelona

Formadors tècnics: Adrià Homar, Ricard Hernández i Araceli Borraz

Formador transversals: Araceli Borraz

Descripció del curs
Basat en el “Learn by doing”, el treball per projectes i les metodologies àgils, fonamentat en una
sòlida base teòrica a l'inici de cada bloc.

Durant el curs les persones participants no són considerades alumnes/as sinó “membres d’un
equip” i el curs no és un curs sinó un “projecte” on s’adquireixen gradualment els coneixements
necessaris per desenvolupar una aplicació web.

L’objectiu principal és que les persones participants es sentin membres “Junior” d’un equip en el
que tots han de participar activament per aconseguir una meta: el projecte. El rol del formador
s’assimila al del “project manager” i al de “team leader”. La finalitat és emular durant la
formació el context de treball el món laboral real, en una empresa dedicada al desenvolupament
de software.

Al finalitzar el curs, les persones participants hauran adquirit una visió general de les tecnologies
i els rols professionals implicats en el desenvolupament d’una aplicació web. Igualment, en
major o menor mesura segons la capacitat de cadascú, tindran una bona base sobre la que
poder treballar per esdevenir programador/es, hauran de ser capaces de programar aplicacions
i/o pàgines web molt senzilles, treballar en entorns col·laboratius i defensar en públic els
projectes elaborats.

Projecte
A partir del coneixements adquirits, al final del curs es desenvoluparà un projecte en equip
consistent en una aplicació web, que els alumnes hauran construït “des de zero” i hauran de
presentar en públic en la darrera sessió del curs.
T1- Les TIC (10h)
Fem un “Update” tecnològic. L’alumne ha de conèixer l’estat actual i les tendències generals en
el món en el que anem a introduir-nos. El primer pas és presentar les dades, la gasolina de les IT.
Els tipus, formats i les eines bàsiques de creació i edició.

T1.1 Tecnologies de la Informació. Evolució històrica. Hardware i Software.

T1.2 Conceptes de Networking. Clients i servidors. Front i Back.
T1.2.1 Internet, Cloud computing..
T1.3 Dades. Tipus i formats. Text, imatge, vectors. Estructurades i no estructurades.
T1.4 Eines per edició: visual code (textos), excel (taules), CSV (intercanvi).
T1.4.1 Altres formats: XML, JSON
T1.5 Informació gràfica: gimp (imatges vectorials), inkscape (vectors)

E1- Tecnologies i disseny Web. HTML i CSS (35h)

Ens centrem en la programació web. L’alumne aprendrà quins son els “stacks” tecnològics, els rols
professionals implicats en el desenvolupament de software i els conceptes necessaris de xarxes i
connectivitat (networking). A continuació l’abecedari de la programació web: HTML, i CSS.
Aquestes primeres passes ja permetran crear els equips de treball i aprendre a utilitzar les eines
de compartició i col·laboració.

E.1.1 Tecnologies Web

E.1.1.1 HTML, CSS & JS. Conceptes.
E.1.2 Making of d'una Web.
E.1.2.1 Pàgines i Aplicacions.
E.1.2.2Bases de dades i APIs.
E.1.3 HTML & CSS. Teoria introductòria i exercicis:
E.1.3.1 Veure eines autoaprenentatge per repàs (codecademy)
E.1.3.2 El Navegador com a eina de desenvolupament.
E.1.3.2.1 Explorar webs (retocar pàgina de google o altres)
E.1.3.3 Anar fent exercicis web
E.1.3.3.1Llibreries: Bootstrap, fontawesome, google fonts...
E.1.4 GIT: repositori individual/còpia de seguretat, Bitbucket.
E.1.4.1 Introducció conceptes treball col·laboratiu
E.1.5 Exercici: copiar pàgina web existent
E2- Magatzems de dades (15h)
L’alumne aprendrà en aquest mòdul què son les bases de dades, per a què les utilitzem, quines
tipologies hi ha. Com convertir un “univers de dades” en una estructura ordenada utilitzable des
d’una aplicació. Així com les bases del llenguatge SQL.

E.2.1. Bases de dades. Conceptes generals. SQL i No-SQL.

E.2.2. Estructurar un univers de dades
E.2.2.1. Taules i relacions
E.2.3. Ordres bàsiques de SQL (Select, Insert, Update, Delete)
E.2.4. Instal·lació de PostMan, jnode i XMySQL
E.2.5. Utilització de MySQL WorkBench i XMySQL amb MariaDB/MySQL
E.2.5.1. Utilització de PostMan per interactuar amb la API
E.2.6.Exercici
E.2.6.1. Creació d'una base de dades.
E.2.6.2. Introducció de dades de prova
E.2.6.3. Consulta amb Postman/XMySQL

T2- Algoritmes i programes. Introducció a BackEnd (35h)

En aquest mòdul l’alumne entrarà en contacte amb la programació. Començant pels algoritmes i
les diferents formes d'expressar-los, i continuant per una visió general de llenguatges de
programació, les seves tipologies i aplicacions. S’introduiran conceptes de POO amb Java i
Python, i de programació funcional amb Javascript.

T2.1 Algoritmes. Codi i pseudocodi. Diagrames. PseInt.

T2.1.1. Exercicis bàsics d’algorítmica
T2.2. Introducció als llenguatges de programació
T2.2.1.Tipologies de llenguatges
T2.2.1.1. Tipats / no tipats, interpretats / compilats
T2.2.1.2. Imperatius, estructurats
T2.2.1.3. Frontend / backend
T2.2.1.4. Programació orientada a objectes (POO)
T2.2.1.4.1. Classes i objectes.
T2.2.1.5. Patrons de disseny
T2.2.1.5.1. MVC
T2.2.2. Principals llenguatges, aplicacions i àmbits d'ús
T2.2.2.1. Java, C# (corporatiu)
T2.2.2.2. Python, R (data science / recerca)
T2.2.2.3. Javascript (front i back/nodejs) (web)
T2.2.3. Programació web
T2.2.3.1. Per què?
 T2.2.3.2. Llenguatges / frameworks de back-end
T2.2.3.2.1. Spring (java), Express (node), Django (python), MVC/EF
(.net)
T2.2.3.2.2. ORMs
T2.2.3.3. Llenguatges / frameworks de front-end
T2.2.3.3.1. React, Vue, Angular
T2.2.4. Pràctica: veure algoritme en java/C#, javascript, python
T2.3. Javascript com a llenguatge de consola
T2.3.1. Origen i evolució de Javascript. Node JS. Programació funcional.
T2.3.2. Algoritmes bàsics (JSBIN/Visual Studio Code)
T2.3.2.1 Exercicis realitzats anteriorment amb pseint, aquest cop amb JS.
T2.3.3. NPM. Instal·lació i configuració.
T2.3.4. Sintaxi bàsica. Variables, operadors, estructures. Funcions, callbacks.
T2.3.5. POO amb Javascript. Classes i mòduls.
T2.3.6. Tamagotchi amb NodeJS

E3- Interacció amb l’usuari. FrontEnd amb ReactJS (50h)

En aquest mòdul l'alumne aprendrà a crear una interfície d’usuari o front-end d'un projecte
web, aplicant els coneixements de javascript adquirits per crear components ReactJS que
ampliïn els components estàndard HTML, formant la pàgina web i gestionant la interacció amb
l’usuari.
E3.1 Javascript al navegador. Frameworks i biblioteques. JQuery, React, Angular...
E3.2 Programació amb React JS.
E3.2.1. Disseny de l’aplicació, arquitectura
E3.2.2. Props i State
E3.2.3. Accés a API amb Fetch. Gestió de llistes.
E3.2.4. Integració de Bootstrap.
E3.2.5. Enrutament

E4- Projecte. Integració FrontEnd/BackEnd (50h)

El projecte final és un treball en equip en que l’alumne haurà d’integrar tots els coneixements
adquirits en les etapes anteriors.

E4.1. Conceptes de disseny d’interfícies. UX, UI, Usabilitat…

E4.2. Metodologies de desenvolupament de software
E4.3. Creació del front-end del projecte. Connexió amb API XMySQL.
T- Competències Transversals (20h)
Adquirir habilitats en competències transversals de diversa índole.

T3. Marca personal, actitud i cohesió.

T4. Lideratge, comunicació i treball en equip.
T5. Gestió i resolució de conflictes. Disseny de presentacions
T6. Presentació i comunicació. Preparació presentació projecte final