Sessão de onboarding
Fundamentos de Web Development

Constituição do ambiente dev
IP’s
Browsers
DNS
Servidores e Cloud
Alojamentos dedicados e partilhados
Upload de uma página web

Fundamentos de UX/UI para Developers

Introdução ao UX & UI
Multi-screen & Responsive Challenges
UX/UI and development
Arquitetura de informação
Design Patterns & Componentes
Wireframing & Prototipagem
Assets for development

Metodologias Ágeis para Gestão de Projetos: Scrum

Projetos vs Operações
Lean
Manifesto Agile
Produto
Minimum Viable Product
Waterfall vs Agile
O que é a Gestão Ágil de Projeto?
Kanban
- Valores
- Os Princípios Fundamentais
- Descrição dos Sistemas de Fluxo
- As Práticas Gerais
Scrum
- Pilares e Valores
- Fases
- Papéis
- Eventos
- Artefactos

Workshop: GIT

Instalação e configuração de Servidor GIT
Instalação de Cliente GIT
Criar uma equipa
Criar um projecto
Configurar repositório
Criar um branch a partir de master
Commit
Revert
Merge
Deploy

HTML5

Estrutura de uma página HTML
Elementos e atributos
Elementos de texto
Listas
Hiperligações
Imagens
Tabelas
Formulários
Elementos multimédia
Elementos estruturais do HTML5

CSS3

Evolução das CSS
Utilizar CSS em páginas Web
Selectores CSS
Unidades
Trabalhar com cores
Vendor prefixes
Formatação de texto
Tipografia
Backgrounds e gradientes
Borders e sombras
Box model
Layout de páginas
Novos métodos de layout em CSS3
Propriedades para tabelas e formulários
Criação de elementos de navegação
CSS sprites e elementos interactivos
Transforms, transitions e animations
Frameworks front-end – Bootstrap

Workshop: SASS

Preprocessing
Variáveis
Nesting
Partials
Modules
Mixins
Extend & Inheritance
Operadores

Workshop: Responsive Web Design

Princípios básicos do responsive
Responsive websites vs. Mobile website vs. Mobile app
Introdução ao processo de desenvolvimento
Html5 + CSS3 princípios básicos
Media queries
Fix and fluid Layouts
Adaptive and responsive web design
Responsive design
Frameworks

Fundamentos de Programação

Algoritmo
Algoritmos computacionais
Fluxogramas
Pseudocódigo

Javascript

Introdução, história e evolução dos vários standards da linguagem
Conceito de variável e Tipos de Dados numa linguagem de programação (Variáveis, constantes, …)
Conceitos / Instruções Básicas em javascript
- Expressões
- Comentários
- Variáveis e constantes
- Operadores
Tipos de dados primitivos em Javascript
- Numbers, Strings, Boolean, null, undefined
Estruturas de decisão e repetição em javascript
- Estruturas de decisão no controle do fluxo de um programa: (If, if/else, switch)
- Estruturas de repetição: (For, While, Do/While)
Tipos de dados Complexos, Arrays, Objectos, Funções e Built-In Objects
- Utilização de Arrays
- Criação de Objectos, propriedades e métodos
- Conceito de Função, funções com parâmetros
- Funções anónimas e IIFE (Imediate Invoked Function Expression)
- Funções “construtoras” de Objectos
- Conceito de “Scope” de uma variável, varáveis locais e globais, diferenças em ES6 com let e const
- Built-In Objects em JS
Object Oriented, Imperative e Functional Programming e como usá-las em Javascript
Browser Object Model (BOM)
Document Object Model (DOM)
Global Objects (Number, String, Boolean, Undefined, Null, Object, Math, Date, …)
Conceito e manipulação do DOM (Document Object Model) numa aplicação web
- Como o Browser interpreta o HTML e cria um Objecto (DOM), representativo dos elementos da página
- Tipos de elementos (Nodes) do DOM (Document, Element, Attributes e TextNodes)
- Processo e Conceito de manipulação do DOM
- Métodos para selecionar um elemento(node) ou uma coleção de elementos(nodelist) do DOM (Live e static methods)
- Propriedades e métodos para percorrer o DOM
- Alterar conteúdos de elementos do DOM
- Inserir, mover ou eliminar elementos do DOM
- Manipulação de atributos de elementos do DOM
- Trabalhar com Eventos em Javascript
Conceito de interactividade com Eventos em JS
Categorias (tipos) de Eventos em JS
Definição de Eventos em JS (HTML event handler’s, Event Handler’s, DOM EventListeners)
Conceito de Event Flow e suas fases em JS (Capturing, targeting e bubbling)
Conceito de Event Object em JS
Delegação de Eventos em JS
Introdução à especificação ES6
Evolução do standard de javascript e novas especificações ES6, ES7 e ES8
Utilização de “Transpilers” como o BabelJS para a compilação de ES6 em “Vanilla Javascript” standard (ES5)
Variáveis e parâmetros em ES6 (let e const, Destructuring, Default Parameters, Classes, Rest e Spread operators, multiline e template strings,…)
Arrow functions, Iterators, e outros conceitos de Functional programming
Novos métodos de manipulação de Arrays e Objectos (map, reduce, Object.Assign(), …)
AJAX e JSON com Javascript (ES6)
- Conceito de Ajax com JS (requests e responses)
- Tipos de dados numa comunicação assíncrona com o servidor
- Conceito de Promises (ES6)
- Utilização da “Fetch API” para chamadas assíncronas.
- Gestão de erros em Javascript
- Filtrar, Ordenar e pesquisar numa estrutura de dados em JS
- Introdução e utilização de algumas API’s de HTML5 (LocalStorage, SessionStorage, Geolocation, …)

Front-End Frameworks: React

Build Workflow
Componentes
JSX
Restrições JSX
State
Handling Events
Two Way Binding
Lists, keys & mapping
Components Lifecycle
React Hooks
Ajax in React
Forms and Form Validation
Redux
Redux Advanced
Deploying React project

Pitstop
Projeto: Front-End
Fundamentos de Back-End Development

Modelo Cliente - Servidor
Protocolos de de transferência de informação
Configuração da máquina de desenvolvimento

Introdução à estruturação de dados

Modelo Relacional
Entidades ; atributos; relacionamentos
Tipos de relação
Formas normais

Base de dados MySQL

Modelo físico
Construção de querys MySQL: INSERT, DELETE , CREATE, SELECT, UPDATE, DROP, JOIN,…
SP e Cursors

PHP

Introdução ao PHP
- Anatomia de um script
- Tipos de dados
- Variáveis e operadores
- Estruturas de controlo e decisão
- Gestão de erros
Funções
- Sintaxe base
- Retornar valores
- Domínio de variáveis (scope)
Arrays
- Introdução às arrays
- Operações (comparação, contagem, pesquisa e gestão de elementos)
- Iterações (ponteiros)
- Ordenação
Strings
- Introdução às strings
- Comparação, pesquisa e substituição de caracteres
- Formatação
OOP
- Declarar uma classe e criar instâncias
- Métodos e propriedades
- Interfaces
Programação Web
- Formulários e URLs (GET, POST, Uploads)
- HTTP Headers (redireccionamento, cookies, sessões)
Envio de emails (função mail)
Integração com MySQL
- Abrir e fechar uma ligação ao MySQL
- Executar comandos SQL
- Processar dados da base de dados
Streams
- Aceder a ficheiros
Trabalhar com diretorias

PHP Frameworks: Laravel

O que é uma framework e uma micro-framework
Vantagens de usar uma Framework
Diferenças entre frameworks
Utilização do composer
Padrão de desenho MVC
O que é o controlador
O que é o modelo
O que é uma vista
Criação de uma aplicação PHP usando uma Framework

Criação de REST APIs

O que é uma API REST
Protocolo HTTP
Tipos de pedidos e códigos de resposta
Respostas JSON
Respostas XML
Autenticação com base em tokens
Criação da documentação para a API

Workshop MongoDB + NodeJS + ExpressJS

MongoDB
- Instalação
- Criação de modelo de dados
- Querys
NodeJS
- O que é o NodeJS
- Utilização do NPM – Node Package Manager
- Criação de uma aplicação NodeJS
- Funcionamento do express para resposta a pedidos HTTP
- Bases de dados não relacionais com MongoDB
- Utilização de WebSockets usando SocketIO

Pitstop
Projeto: Back-End

Especializado Front-End Web Development