• Presencial
  • Training

Especializado Front-End Web Developement


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

  • Fundamentos de UX/UI para Developers (9h)
  • HTML5 (21h)
  • CSS3 (27h)
  • Workshop: SASS (9h)
  • Workshop: Responsive Web Design (12h)
  • Fundamentos de Programação com Javascript (15h)
  • Javascript (54h)
  • Front-End Frameworks: React (27h)
  • Workshop: GIT (9h)
  • Pitstop (3h)
  • Projeto: Front-End (18h)

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

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

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 com Javascript

  • Paradigmas de Programação (Object Oriented, Imperative e Functional Programming,…)
  • Processo de desenvolvimento de um algoritmo (programa) (Utilização de pseudo-código e fluxogramas)
  • Tipos de Dados numa linguagem de programação (Variáveis, constantes, …)
  • Operadores e cálculos numa linguagem de programação
  • Controle da execução de um programa com recurso a estruturas de decisão e repetição

Javascript

  • Introdução, história e evolução dos vários standards da linguagem
  • Breve introdução à historia de desenvolvimento da linguagem, e a sua evolução até aos dias de hoje.
  • 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
  • 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

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

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

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 Developement

  • Datas
    17 Dez a 13 Mai 2019
    Porto
  • Horário
    Pós-laboral
    2ª, 4ª e 6ª, das 18h30 às 21h30
  • Nº Horas
    204
  • Preço
    3350€

Especializado Front-End Web Developement

Á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