• Presencial
  • Training

Especializado Front-End Web Development


Os programadores, ou developers, têm sido dos profissionais mais procurados no mercado de trabalho, com salários acima da média.

Um Front-End Web Developer é um programador que codifica o código de Front-end de um site e passa por converter ficheiros de design de sites em HTML, JavaScript (JS) e / ou código CSS.

O domínio de uma série de tecnologias associadas à função de Front-End Web Developer permite uma melhor visibilidade e uma melhor experiência de utilizador permitindo assim a construção de uma web mais acessível a partir da correta interpretação do briefing, do planeamento, elaboração básica de wireframes, da marcação semântica do código e da construção de elementos interativos.

Enquanto Front-End Web Developer serás responsável por garantir que o front-end visual de um site esteja livre de erros e se pareça exatamente com o que foi projetado e que tenha a mesma visibilidade em diferentes computadores e sistemas operativos.

Porquê apostar numa carreira em Programação Web?

  • Empregabilidade
    O mercado está cheio de ofertas de emprego para developers de soluções web nos mais variados domínios e a possibilidade de emprego além-fronteiras é uma realidade.
  • Versatilidade
    Na área de desenvolvimento web tens variadas opções de carreira, ditadas pela linguagem de programação em que te especializares ou meio para o qual programares.
  • Valorização
    Ao complementares a tua formação de base com conhecimentos de programação estarás a valorizar o teu currículo e percurso formativo, com uma forte competência digital, que te irá distinguir enquanto profissional com visão tecnológica.
  • Reconhecimento
    De acordo com o relatório Tech Careers 2020 da Landing.jobs, o salário médio do perfil de programador aumentou mais do que 15% nos últimos três anos.

 

Por onde deves começar?

Com o curso Especializado Front-End Web Development vais:

  • Dominar todos os conceitos-base necessários ao desenvolvimento da interface gráfica de um website e solução de problemas de front-end;
  • Conhecer as melhores práticas no mercado da programação web, a nível nacional e internacional;
  • Estudar as principais linguagens de programação, de estilo e interfaces/softwares usados no desenvolvimento web: HTML5, Javascript, CSS, GIT;
  • Construir o teu portfólio profissional através dos projetos desenvolvidos ao longo do curso, para que possas demonstrar o teu know-how, criatividade e capacidade de execução às entidades empregadoras.

 

Saídas Profissionais

Ao terminares este curso poderás trabalhar em qualquer empresa que desenvolva (para os seus clientes internos ou externos) produtos web, desempenhando funções de:

  • Front-end Developer, enquanto profissional responsável por garantir que o front-end visual de um site esteja livre de erros e se pareça exatamente com o que foi projetado, e que tenha a mesma visibilidade em diferentes computadores e sistemas operativos.
  • Web Developer, enquanto programador especializado no desenvolvimento de sistemas para a internet, responsável pelo perfeito funcionamento de um website ou aplicação web.

Cursos relacionados

Destinatários

Especializado Front-End Web Development destina-se a todos os interessados em iniciar ou consolidar uma atividade profissional como Front-End Web Developers.

Este curso é indicado para ti se:

  • Pretendes iniciar uma carreira na área de programação, e procuras complementar o currículo com formação prática que te ajude a integrar rapidamente no mercado de trabalho;
  • És profissional na área de programação – software ou applications developer – e pretendes melhorar o teu portfólio, alargar os teus horizontes e enriquecer as tuas competências com valências na área de desenvolvimento web para front-end, ou fazer uma atualização aos teus conhecimentos;
  • És um empreendedor e pretendes dar forma aos teus projetos;
  • Procuras oportunidades de networking com profissionais ativos no mercado da programação web.

Pré-requisitos

Para ingressares no curso Especializado Front-End Web Development deverás ter conhecimentos de informática na ótica do utilizador, mas também raciocínio lógico, domínio do inglês, orientação para a resolução de problemas e uma mente criativa e curiosa.

Programa

  • Workshop: GIT (9h)
  • HTML5 (21h)
  • CSS3 (27h)
  • Workshop: SASS (9h)
  • Workshop: Responsive Web Design (12h)
  • Fundamentos de Programação (9h)
  • Javascript (60h)
  • Front-End Frameworks: React (27h)
  • Pitstop (3h)
  • Projeto: Front-End (24h)

*Todos os projetos e pitstops decorrem no formato Live-Training.

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

Inscreva-se

Dados Pessoais

Dados para faturação

   Os seus dados pessoais são recolhidos em conformidade com o Regulamento Geral de Proteção de Dados (RGPD).Consente que os seus dados sejam utilizados, nos termos da nossa Politica de Privacidade, para o contacto/envio de:

   Ações de informação, de marketing de produtos e serviços, como campanhas e eventos?

Para mais informações, consulte a Política de Privacidade do Grupo Rumos. Pode retirar o seu consentimento a qualquer momento, através do botão “Cancelar subscrição” ou “Unsubscribe” que estão presentes em cada comunicação enviada, bem como exercer os direitos descritos na política de privacidade

Especializado Front-End Web Development

  • Datas
    26 Jun a 07 Fev 2024
    Lisboa
  • Horário
    Manhã
    2ª, 4ª e 6ª, das 09h30 às 12h30
  • Nº Horas
    201
  • Preço
    3350€

Especializado Front-End Web Development

Área

Dados

Como chegou até nós

Os seus dados pessoais são recolhidos em conformidade com o Regulamento Geral de Proteção de Dados (RGPD).

Consente que os seus dados sejam utilizados, nos termos da nossa Politica de Privacidade, para o contacto/envio de:

Ações de informação, de marketing de produtos e serviços, como campanhas e eventos?

Para mais informações, consulte a Política de Privacidade do Grupo Rumos.
pode retirar o seu consentimento a qualquer momento através do botão Cancelar subscrição ou Unsubscribe que estão presentes em cada comunicação enviada, bem como exercer os direitos descritos na politica de privacidade