Home  >  Cursos Livres  >  Produção de Websites Expert - Front End

Produção de Websites Expert - Front End

Este curso tem como objetivo capacitar o participante a Capacitar o aluno a desenvolver layouts para aplicações web, através do tratamento, manipulação de imagens e do uso linguagem de marcação e estilo, adicionando efeitos avançados e interatividade com linguagem de interação, alinhados aos padrões do W3C.
Ao final do curso o aluno estará apto à:
- Planejar o layout de um website usando fundamentos da arquitetura da informação tais como wireframe e mapa de site.
- Compreender e manipular imagens e animações para web considerando suas finalidades.
- Otimizar e disponibilizar imagens para publicação de acordo com o projeto.
- Identificar e estrutura a marcação de conteúdo de texto, imagem, vídeo, formulário e navegação em um documento HTML5 utilizando conceito de semântica.
- Criar layouts utilizando regras CSS usando seletores Tag, Classes, IDs, Pseudoclasses, Pseudoelementos e Atributos, utilizando desenvolvimento responsivo.
- Publicar e visualizar o projeto em diferentes navegadores e dispositivos móveis
- Programar aplicações web, utilizando lógica da programação, considerando variáveis, estrutura de decisão, repetição e funções.
- Criar recursos de interatividade em uma aplicação web com Javascript.


Carga horária: 108 horas


Pré-requisito
Possuir conhecimentos básicos de navegação na Internet e sistema operacional Windows (estar habituado a acessar páginas, criar e acessar emails, utilizar mecanismos de busca, salvar, copiar, colar, criar e gerenciar pastas).
Escolaridade mínima: ensino fundamental completo

Mercado de Trabalho

O universo das mídias digitais está em contínua transformação. O mercado de trabalho de imagens e layouts para web vem ganhando mais espaço e notoriedade no cenário brasileiro. Antes, mercado privilegiado de grandes marcas, hoje, tornou-se disponível em empresas de menor porte, devido ao aparecimento de um grande número de agências, produtoras, estúdios e editoras. E, a cada ano, verifica-se a exigência por profissionais mais qualificados. Nesse cenário, fotógrafos, diagramadores, web designers, ilustradores, artistas de animação e 3D buscam nas ferramentas computacionais recursos que expandam as possibilidades criativas e criem pontos comuns entre as suas respectivas áreas de atuação.

Nesse contexto, o Senac São Paulo oferece este curso, no qual o aluno será capaz de desenvolver layouts e conceber projetos para aplicações web, fazer o tratamento e a manipulação de imagens, criar animações curtas utilizando os recursos oferecidos pelo software, construir funções personalizadas, compreender o código de outros desenvolvedores, instalar e utilizar ferramentas, seguindo os mais recentes padrões web.

Público-alvo

Profissionais e estudantes que desejam ampliar seus conhecimentos em desenvolvimento e manipulação de imagens para aplicações web visando atuação em diversos contextos profissionais, tais como: marketing, publicidade, produção de conteúdo e vídeo para Web, estúdio digitais, produtoras de aplicativos, editoras, entre outras.

Método

O aprendizado privilegia metodologias colaborativas, em atividades realizadas por 2 (dois) alunos por computador, com estímulo ao raciocínio lógico e à simulação de práticas profissionais

Programa

- Adobe Bridge: tipos e formatos de imagem;
- Interface do Photoshop: menus; barras e painéis;
- Ferramentas de seleção e camadas: seleção e recorte; camadas; estilo de camadas;
- Noções de arquitetura da informação, Briefing, Wireframe, Mockup e Brainstorming;
- Layouts para Web: tipos de Layout; formatos de arquivo; exportação de imagens; textos e formas; Pranchetas e Fatias;
- Identidade visual: cores, formas, diagramação e tipografia;
- Modo de cores: RGB x CMYK; LAB; seletor de cores; codificação hexadecimal;
- Ajustes nas imagens: luminosidade; cor e níveis;
- Ferramentas de pintura e retoque;
- Galeria de filtros;
- Camada de ajuste e máscara e estilos;
- Ações;
- Animações: quadros chave; interpolação; linha do tempo;
- Finalização: exportação de códigos HTML/CSS e navegadores.
- HTML5: Organização do Projeto Web;
- Estrutura básica semântica: heade, nav, article, section, footer, aside;
- Metatags;
- Estruturação de títulos e de parágrafos;
- Inserção de imagens;
- Listas; Tabela; Navegação: hiperlinks; documento, âncora, externo, download e e-mail;
- Acessibilidade: ordem de tabulação e texto alternativo;
- Formulário; Mídias: vídeo e som.
- CSS3: Tipos de CSS (interno, externo e inLine);
- Seletores (tag, classe e ID);
- Personalização de layout: cores, fontes, plano de fundo, imagens, links, tabela, formulários e animação;
- Diagramação: absoluto, relativo, fixo e estático;
- Camadas: posicionamento Z-index e sobreposição de camadas;
- Efeitos: transições, sombras e filtros;
- Conceitos de interatividade e responsividade;
- Publicação: domínio e hospedagem.
- Lógica da Programação para web: Pensamento lógico; Princípios, fluxos e variáveis.
- Linguagem Javascript: Aplicabilidade, comportamento interativo e mercado;
- Estrutura da Linguagem;
- Padrões ECMA;
- Sintaxe Javascript;
- Variáveis - Declaração e operações;
- Arrays declaração e operações (join, pop, push, toString, concat);
- Tipos de Dados - Numéricos, Lógicos, Strings, Null e Undefined;
- Entrada e saída de dados - write(), Alert(), Prompt() e Console.Log();
- Operadores incrementais, comparativos, Aritméticos e Lógicos;
- Estruturas de Escolha - if/else, else/if e switch/case;
- Estruturas de Repetição - while, do/while, for e for/in;
- Controle de Fluxo - break e continue;
- Funções e métodos do JavaScript;
- Funções do usuário (personalizadas)
- Funções com e sem parâmetros;
- Objetos e eventos do JavaScript;
- Manipulação do DOM com JavaScript;
- Validação de formulários em HTML5;
- Requisições assíncronas.

Certificação

O Senac SP confere certificado aos alunos aprovados

Documentos para Matrícula

Documento de Identidade (RG) (apresentação do original).
CPF ou documento que possua a numeração do CPF (apresentação).

Matrículas abertas! Clique na unidade de seu interesse para conhecer valores, datas e horários.

 
Confira outras Unidades com Inscrições Abertas para este curso.
 
O Senac reserva-se o direito de alterar o número de vagas, datas, horários ou cancelar o programa.

Quer ser informado sobre novas turmas? Selecione a unidade e registre seu interesse.