#mapa #Senac #web #Webdesign #web-developer
Curso programador Web
Sobre o curso
Título do Curso:: Programador Web
Eixo tecnológico:: Informação e Comunicação
Segmento:: Tecnologia da Informação
Carga horária:: 240 horas em 60 aulas
Período:: 07/07/25 a 26/09/25
Horário:: Segunda a Sexta das 07:30 às 11:00
Unidades Curriculares:: 5
Link:: Senac PSG - Programador Web
Status:: em andamento
Horas aula:: 36:00, 48:00, 96:00, 36:00, 24:00
No Brasil, como em todo o mundo, a internet tornou-se não só uma forma de comunicação, mas uma poderosa ferramenta de comércio nos mais diferentes ramos, mostrando-se necessária cada dia mais. Nesse novo cenário de comunicação e negócios, a demanda por profissionais com expertise na criação de sites é crescente em comparação ao crescimento e influência da rede".
No Brasil, o uso da internet tem crescido vertiginosamente, alcançando, aproximadamente, 126 milhões de usuários regulares da rede[1] Esta ação impacta diretamente no volume de consumo favorecido pela internet. De acordo com levantamento de uma empresa de inteligência de mercado focada em e-commerce (Compre&Confie)[2], o varejo digital brasileiro faturou R$14,1 bilhões no período do Natal de 2019, cifra e representa uma variação positiva de 29,9% no comparativo com o ano anterior.
O Programador web, neste contexto, é um profissional muito requisitado, que exerce funções sob a influência da internet, atendendo à demanda crescente e inovadora oriunda do comércio eletrônico, aplicativos, redes sociais etc. É necessário a esse profissional o conhecimento de linguagens de programação web, tanto de back-end como de front-end e de integração com banco de dados, exercendo funções que se assemelham às desempenhadas pelos profissionais web developer ou desenvolvedor web, justificando assim a oferta dessa qualificação.
Formar profissionais com competências para atuar e intervir em seu campo de trabalho, com foco em resultados.
- O Programador Web estrutura em front-end e desenvolve em back-end, publicando aplicações web. Para isto, elabora projetos e testes ao longo do desenvolvimento e permite o acesso a banco de dados por meio de linguagens de programação, seguindo padrões internacionais.
- Esse profissional trabalha no desenvolvimento de sites institucionais, blogs, fóruns, lojas virtuais e diversos sistemas e aplicações voltados para o ambiente de internet e intranet, conforme políticas de segurança da informação e com respeito à propriedade intelectual.
- Pode atuar em serviços autônomos, temporários ou contrato efetivo em organizações públicas e privadas nos mais diversos setores.
- A ocupação está situada no eixo tecnológico Informação e Comunicação, cuja natureza é “comunicar” e pertence ao segmento Informática.
- Elaborar projetos de aplicações para web.
- Estruturar aplicações front-end para web.
- Desenvolver aplicações back-end para web.
- Publicar aplicações web.
Organização curricular de Programador WEB
| Unidades Curriculares | Carga horária | Aulas |
|---|---|---|
| UC1: Elaborar projetos de aplicações para web | 36 horas | 9 |
| UC2: Estruturar aplicações front-end para web | 48 horas | 12 |
| UC3: Desenvolver aplicações back-end para web | 96 horas | 24 |
| UC4: Publicar aplicações web | 36 horas | 9 |
| UC5: Projeto Integrador Programador Web | 24 horas | 6 |
| Carga horária total | 240 horas | 60 |
gantt
title Programador WEB
tickInterval 1week
excludes Saturday, Sunday, 31:07, 01:08, 05:08
dateFormat DD:MM
axisFormat %d.%m
section Inicio
UC1 :a1, 07:07, 9d
UC2 :a2,after a1, 12d
section atual
UC3 :a3, after a2, 24d
section prox
UC4 :a4, after a3, 9d
UC5 :a5, after a4, 5dUC1 - Elaborar projetos de aplicações para web
- Interpretar briefing para projetos de websites.
- Identificar requisitos técnicos para projetos de websites.
- Pesquisar domínio disponível e serviços de hospedagem para websites.
- Organizar arquivos e atividades por etapas do projeto.
- Estruturar arquitetura dos elementos de conteúdo de websites.
- Define os objetivos do projeto, de acordo com as necessidades do cliente e público-alvo.
- Elabora proposta de trabalho de acordo com arquitetura da informação da aplicação web e das estratégias tecnológicas.
- Elabora protótipo para web sites de acordo com o briefing.
- Redige o projeto da aplicação web de acordo com a proposta e protótipo.
- Conceito, estrutura e finalidades de um Briefing
- Apresentação da plataforma Git-GitHub
- Criando um currículo online e publicando no GitHub
- Definição das equipes e projetos iniciais.
- Criar o Briefing para o projeto de Aplicativo WEB para Petshop e para uma Barbearia no GitHub.
- Criar a estrutura inicial do layout com wireframe de um sistema, usando o Figma ou Excalidraw ou Draw.io, e salvar no repositório do GitHub.
- Exemplos de sites:
- Confraria da Barba - A Barbearia do Homem Moderno,
- Pet Shop da Petz: tudo que seu pet precisa
- Conhecendo a Biblioteca Digital Senac e a Plataforma Cachola
- Criar a estrutura inicial do layout com wireframe de um sistema, usando o Figma e salvar no repositório do GitHub.
- Exemplos de sites:
- Tela básica de aplicativo no Figma
- Confraria da Barba - A Barbearia do Homem Moderno,
- Pet Shop da Petz: tudo que seu pet precisa
- Como criar uma proposta comercial.
- Criação de uma análise de requisitos a partir dos Modelos gratuitos de requisitos de projetos
- Criação de proposta comercial usando o modelo: laboratorio-de-software - GitHub ou Modelo de Proposta Comercial no Canva - João Cortez - A4
UC2 - Estruturar aplicações front-end para web
- Organizar conteúdo visual e textual para web.
- Manipula imagens, layouts e animações otimizadas para website de acordo com os princípios de comunicação visual, normas e tendências de mercado.
- Utiliza linguagem de marcação de conteúdo e estilo, de acordo com as normas e padrões tecnológicos.
- Testa padrões de acessibilidade e usabilidade do website de acordo com as normas
Criando a primeira página HTML com tags básicas no Bloco de Notas.
- Criar uma página de controle acadêmico conforme o cap. 1 do livro.
- Criar um repositório do projeto controle acadêmico e salvar os arquivos no GitHub
- Criar um formulário de cadastro de alunos do projeto acadêmico.
- e seus atributos:
fieldset, placeholder, option, required, etc.
- Criar e salvar no GitHub uma página “Sobre mim” com os seguintes elementos:
- Título da página.
- Um cabeçalho principal com seu nome.
- Um parágrafo contando sobre você.
- Um link para um site que você gosta.
- Uma imagem (pode ser de banco de imagens).
- Rodapé com seus contatos fictícios
- Ebook Programador WEB cap. 2 - CSS
- Introdução a ambientes virtuais com o Gather
- Editor de cores css, Estilizando Cores com css
Estilizar e salvar no GitHub a página “Sobre mim” conforme o modelo de Perfil com HTML e CSS.
- Utilizando Emmets (abreviações) para edição de código.
- Atualizar o Emmet
!para criar um arquivo HTML5 inicial usando VScode html com pt-br. - Estilizar e salvar no GitHub o formulário de cadastro de alunos do projeto acadêmico com Pseudo Classes.
- Pseudo Elementos CSS
- Validar e salvar no GitHub o formulário de cadastro de alunos do projeto acadêmico com Pseudo classes e Pseudo elementos.
- Validar e salvar no GitHub o formulário de cadastro de alunos do projeto acadêmico com JavaScript.
- Criar um formulário para calcular a média de 3 notas com JavaScript.
- Criar formulários com funções respondendo a eventos, para justificar faltas e calcular médias, no Sistema Acadêmico de exemplo do livro.
- Criar um sistema básico de front-end para um PetShop seguindo o exemplo dos cap. 1 ao 5 do Ebook Fundamentos das linguagens web.
UC3 - Desenvolver aplicações back-end para web.
- Registrar e organizar as informações e códigos da aplicação web.
- Testar aplicação web.
- Utilizar termos técnicos nas rotinas de trabalho.
- Aplicar os comandos da linguagem SQL.
- Estrutura algoritmos, com base na lógica computacional e nos requisitos funcionais descritos no projeto.
- Configura o ambiente de desenvolvimento conforme as funcionalidades e características do projeto.
- Cria estruturas de código utilizando linguagem de programação para back-end, de acordo com os requisitos do projeto de software.
- Desenvolve tratamento de requisições POST e GET do front-end, de acordo com a linguagem de programação back-end.
- Implementa session e cookies da aplicação web, de acordo com a linguagem de programação back-end.
- Integra banco de dados, de acordo com a aplicação web e requisitos do projeto de software.
Criar um formulário para entrada de notas e mostrar a saída da média e se foi aprovado .
Criar páginas inserindo texto, imagens, e ocultando elementos com JavaScript.
Criar uma páginas com botão e a função respondendo ao clicar que mostre:
- a data.
- um texto.
- o resultado da média.
- Ebook Programador WEB cap. 3
- Condicionais e loops com JavaScript - W3Schools
- Manipulando elementos com JavaScript
Criar um formulário que receba as notas do aluno e a presença, faça validação das entradas evitando entradas negativas e calcule e mostre a situação do aluno, se aprovado ou reprovado.
- Listas com JavaScript Arrays - W3Schools
- Repetições com JavaScript
- Percorrendo listas com JavaScript For In
- Condicionais com JavaScript
- Expressões condicionais - Jocile
- Criar um script que receba a hora e mostre bom dia, boa tarde ou boa noite.
- Criar um script que receba a altura e mostre o peso ideal.
Criar um formulário de cadastro de usuário, que receba o nome e a senha, faça validação das entradas evitando entrada vazia e conferindo a senha.
Criar um programa em PHP, que receba variáveis, faça operações e mostre a saída dos dados.
Criar um formulário de cadastro de curso, que receba o nome do aluno e o curso, faça validação das entradas evitando irregulares e mostre a saída dos dados na página.
- Ebook Programador WEB cap. 4
- PHP Form Validation - W3Schools
- Estilos de formulários com Bootstrap
- Exercicios em PHP
Criar um formulário PHP de cadastro de curso, que receba o nome do aluno e o curso, faça validação das entradas evitando irregulares e mostre a saída dos dados na página.
Criar um formulário PHP que receba o nome do aluno, 2 notas, faça validação das entradas evitando notas negativas ou maiores que 10, e mostre a saída dos dados na própria página com a soma, média e resultado se aprovado com média maior ou igual a 7.
- Ebook Programador WEB cap. 4
- If, else, loops com PHP - W3Schools
- Algoritmos de exercícios de Expressões condicionais
- Exercícios em PHP
Criar um formulário PHP de cadastro de curso, com a opção de escolha de curso, e mostre na saída o turno de acordo com a escolha feita.
- Ebook Programador WEB cap. 4
- Incluindo arquivos usando PHP include e require
- Salvando e lendo arquivos com PHP
- Formado de dados em JSON com PHP
- Exercícios em PHP
Editar o formulário PHP de cadastro de alunos, salvar a lista criada em formato JSON em um arquivo txt.
UC4 - Publicar aplicações web
- Hospedar websites.
- Identificar e corrigir erros no website.
- Realizar backups de websites.
- Define serviço de hospedagem de acordo com os objetivos do projeto.
- Formata e exporta arquivos do projeto local para servidor web, de acordo com as tecnologias disponíveis.
- Verifica compatibilidade e performance do website, de acordo com as normas e exigências do mercado.
UC5 - Projeto Integrador Programador web.
- articulação das competências do curso, com foco no desenvolvimento do perfil profissional de conclusão;
- criação de estratégias para a solução de um problema ou de uma fonte geradora de problemas relacionada à prática profissional;
- desenvolvimento de atividades em grupos realizadas pelos alunos, de maneira autônoma e responsável;
- Proposta 1: Aplicação web multiplataforma com padrões de acessibilidade
- Proposta 2: Desenvolvimento de site para promover a visibilidade de um portfólio de produtos e serviços
Referências
- Ebook Projetos em UX Designe - Editora Senac
- Ebook Fundamentos das linguagens web (HTML e CSS) - Editora Senac
- Ebook Algoritmos e programação - Editora Senac
- Ebook Programador WEB - Editora Senac
- 📚 HTML Tutorial - W3 Schools
- 📁github.com/jocile/webdesigner
- Formacao em Webdesign
- editores HTML online
G1. Uso da internet no Brasil cresce, e 70% da população está conectada. Economia. Tecnologia. 28 de ago. 2019. Disponível em: https://g1.globo.com/economia/tecnologia/noticia/2019/08/28/uso-da-internet-no-brasil-cresce-e-70percent-da-populacao-esta-conectada.ghtml. Acesso em: 11 de fev. 2020. ↑ ↩︎
MERCADO&CONSUMO. E-commerce brasileiro fatura R$ 14,1 bilhões em compras de natal. 1 de jan. 2020. Disponível em: http://www.mercadoeconsumo.com.br/2020/01/01/e-commerce-brasileiro-fatura-r141-bilhoes-em-compras-de-natal/. Acesso em: 11 de fev. 2020. ↑ ↩︎