Frontend for Designers [Foundations]

Com a crescente evolução do desenvolvimento web e mobile nos últimos anos, e com a introdução de smartphones, tablets e novas tecnologias que permitem o acesso à Web, os Developers enfrentam o desafio de conceber, cada vez mais, projetos digitais interativos, adaptados às necessidades reais do utilizador.

Em parceria com:

Um guia completo para a criação de páginas de internet, nos dias de Hoje!

Descrição

Com a crescente evolução do desenvolvimento web e mobile nos últimos anos, e com a introdução de smartphones, tablets e novas tecnologias que permitem o acesso à Web, os Developers enfrentam o desafio de conceber, cada vez mais, projetos digitais interativos, adaptados às necessidades reais do utilizador.

A Web Clinic

Ao frequentar este workshop o formando não só irá munir-se de conhecimento referente a toda a logística de arquitetura de informação transposta para código de linguagem web (HTML), como também a programar e converter a já utilizada linguagem SASS para o padrão de linguagem estilos CSS.

  • Date: A ser anunciado
  • Location: Startup Madeira. Madeira Tecnopolo
  • Min Age: 15
  • Price: 170€ (+IVA)
  • Duration:
    • 4 dias, 16 horas (Períodos de tutoria de 4h, em regime pós-laboral. Dias a agendar).

Perfil

  • Destinatários que pretendam iniciar carreira na web ou desenvolver um website pessoal ou profissional;
  • Se pretendes dominar a construção de websites estáticos ou em estruturas que possibilitam a injeção de conteúdos dinâmico sem ter de recorrer a indetermináveis horas de pesquisa, teste e aferição de erros e funcionalidades, ESTE CURSO É PARA TI!
  • Designers que pretendam migrar layouts estáticos para websites;
  • Se pretendes receber acompanhamento e tutoria direta de um técnico especializado que desenvolve, há 20 anos, websites para o mercado global, utilizando HTML e CSS;
  • Esta formação é para qualquer pessoa que pretenda aprender a criar websites de raiz e aventurar-se na construção de páginas de internet profissionais.

Requisitos

  • Conhecimento de navegação web na ótica do utilizador;
  • Computador portátil com browser instalado e ligação Wi-fi.

Antes da Formação

  1. Email de boas-vindas com links de interesse sobre a temática em aprendizagem;
  2. Instruções para instalação de software;
  3. Pack brunoatwork Web Clinics inclui:
    1. Bloco e Caneta Startup Madeira;
    2. Stickers;
    3. Água e diversos/snaks.

Depois da Formação

  1. Acesso a galerias de vídeo complementares à formação;
  2. Lista de Plugins Free + Premium para utilização;
  3. Lista de referências bibliográficas e ligações digitais;
  4. Certificado de participação.

Método de pagamento

  • A tua inscrição na formação efetiva-se através de inscrição via formulário e pagamento compreendendo os seguintes métodos de pagamento:
  • Método de pagamento MB WAY
    Via MBWAY para o número 919 048 869. Incluir na descrição o nome do formando.
  • Transferência bancária para o IBAN: PT50.0036.0040.99100058862.62 e envio de comprovativo para o email prof@brunoatwork.com

Tópicos

  1. The Internet of Things
  2. HTML5
    1. Semântica: Linguagem máquina vs Linguagem máquina
    2. Acessibilidades
    3. Outlineners e Arquitetura de informação
    4. Novos elementos HTML5 e respetivos papéis
    5. SEO
      1. Estrutura de código
      2. Informações META
      3. OPEN GRAPH: Informações personalizadas na partilha de conteúdo para redes sociais.
      4. Hierarquia de informação e divisões
      5. Atributos alternativos
    6. WAI-ARIA
      1. Roles
    7. SVG – Scalable Vector Graphics
      1. Mais valias
      2. Criar e editar
  3. CSS
    1. Conceitos fundamentais de CSS
      1. Ficheiros CSS
    2. Selectores
    3. Atributos
    4. Formatação de texto
    5. Cores
    6. Imagens
    7. Listas
    8. Graceful degradation vs Progressive Enhancement
    9. Transforms
    10. Transitions
    11. Pseudo CLASSES e Pseudo ELEMENTS
      1. :hover
      2. :visited
      3. :before
      4. :first-child
      5. :last-child
      6. :nth-child(n)
    12. Dimensões e posições
    13. Importar ficheiros CSS
    14. Propriedade/atributo e valor
    15. Comentários
    16. Positioning (+Sticky)
    17. Introdução ao Responsive and Adaptive Web Design.
      Responsive images and grid.
    18. Media Queries
  4. SASS
    1. Evolução
    2. Introdução aos pré-processadores;
    3. Sintaxe
    4. Variables
    5. Mixins @includes
    6. Operators

Back to Top