Curso presencial &
online de front-end
para designers.

O Curso

Com a ideia de ser um curso de designer para designers, você aprenderá programação front-end no nível básico de uma maneira descomplicada, orientado a design e interações. Aprenda o suficiente sobre HTML, CSS e JavaScript para programar seus projetos pessoais, criar protótipos funcionais para testes com usuários e ser o melhor parceiro dos seus colegas desenvolvedores no dia a dia. Neste curso você ainda aprenderá sobre VueJS: um dos frameworks de JavaScript mais versáteis e utilizados no mercado para construção de sites escaláveis e dinâmicos.

Código é a matéria prima de quem trabalha com design digital. Conhecer a matéria prima permite que você seja capaz de projetar uma interface sabendo suas reais limitações técnicas na hora de produção, tendo controle sobre interações e podendo compreender melhor as nuances do comportamento do design na tela. Projetar interfaces tendo a noção de como os elementos se comportam em diversos cenários te permite antecipar decisões estratégicas e técnicas, além de fazer com que você e seu time de desenvolvimento tenham o mesmo linguajar. Todo mundo se entende e tudo caminha mais rápido.

Curso ministrado por Glauber Sampaio, designer com foco em produtos digitais, nascido no Ceará e hoje morando em São Paulo. Programa há quase 12 anos, tendo sido desenvolvedor front-end no início de carreira antes de obter bacharelado em Design. Começou programando em ActionScript 2.0 para Flash, passando pelos primórdios da web quando ainda se faziam sites em tabelas, usando PHP e MySQL como back-end assim como frameworks de JavaScript da era pré-React/Angular. Apesar de não ter a programação como função principal, ainda programa seus próprios projetos, como o Creative Doc, e desenvolve, sempre que possível, protótipos de alta fidelidade para testes com usuários na Tropikal.

Ler mais

Código é a matéria prima de quem trabalha com design digital. Conhecer a matéria prima permite que você seja capaz de projetar uma interface sabendo suas reais limitações técnicas na hora de produção, tendo controle sobre interações e podendo compreender melhor as nuances do comportamento do design na tela. Projetar interfaces tendo a noção de como os elementos se comportam em diversos cenários te permite antecipar decisões estratégicas e técnicas, além de fazer com que você e seu time de desenvolvimento tenham o mesmo linguajar. Todo mundo se entende e tudo caminha mais rápido.

Glauber Sampaio

Curso ministrado por Glauber Sampaio, designer com foco em produtos digitais, nascido no Ceará e hoje morando em São Paulo. Programa há quase 12 anos, tendo sido desenvolvedor front-end no início de carreira antes de obter bacharelado em Design. Começou programando em ActionScript 2.0 para Flash, passando pelos primórdios da web quando ainda se faziam sites em tabelas, usando PHP e MySQL como back-end assim como frameworks de JavaScript da era pré-React/Angular. Apesar de não ter a programação como função principal, ainda programa seus próprios projetos, como o Creative Doc, e desenvolve, sempre que possível, protótipos de alta fidelidade para testes com usuários na Tropikal.

Em 2 semanas,
aprenda o suficiente
de HTML, CSS &
JavaScript

1

Semana 1

4 aulas

Você vai aprender sobre a estrutura e semântica do HTML,e como aprender a visualizar e traduzir o design final para código. Aprenderá sobre CSS e suas principais técnicas de estilização e por fim, 2 aulas para iniciar a programar em JavaScript e programação funcional, orientado à interação e principais recursos utilizados no dia a dia.

2

Semana 2

4 aulas

Com todo o aprendizado adquirido na primeira semana,agora é hora de conhecer o VueJS: um framework moderno que utiliza HTML, CSS e JavaScript como base para iniciar a construção de projetos escaláveis, componentizados e fáceis de manter.

3

3h

Cada aula tem duração de 3h e possui dever de casa:
quanto mais você pratica, mais você aprende.

Para quem é
este curso?

É destinado a designers de qualquer idade
e nível de experiência, mas com conhecimentos sólidos de design digital. Não é necessário nenhum conhecimento prévio sobre programação.

Escolha uma
modalidade

  • À distância

    Turma remota

    R$ 650

  • Presencial

    Espaço Plexi na Vila Madalena (SP)

    Espaço Plexi (SP)

    R$ 950

Duração de 2 semanas
Segunda, Quarta e Sexta de 19h às 22h
Sábado de 13h às 16h

Respostas para
dúvidas comuns.

  • Preciso ter conhecimento de código para fazer o curso?

    Não. A ideia é ensinar para designers que não sabem nada (ou muito pouco) sobre HTML, CSS ou JavaScript.

  • Qual a diferença desse curso para os que já existem?

    Esse não é um curso de programação para quem quer se tornar programador em tempo integral. Os cursos existentes no mercado focam nessa premissa e por isso usam abordagens mais completas e aprofundadas. A ideia do curso de front-end do Código & Design é oferecer um conhecimento básico para designers, utilizando uma linguagem menos técnica e não procurando se aprofundar 100% nos "porquês" da programação, tendo como um dos focos a produção de código front-end que seja voltada para maximizar a qualidade visual e da entrega final.

  • O que é "o suficiente" de HTML, CSS & JS?

    O suficiente, nos critérios do curso, é aquilo que possibilita o designer a programar qualquer página e componentes visuais usando marcação de HTML e atributos de CSS que todo mundo usa o tempo inteiro, e um pouco de lógica de programação pra fazer interação com JavaScript, não sendo necessário fazer aprofundamentos extensos sobre a programação.

  • Estou migrando de outras áreas para Design Digital.
    Esse curso é pra mim?

    Sim. Para quem migra para Design Digital, é importante entender como produtos digitais são feitos: seja um site ou um app. Já que no final das contas seu design funcionará através de códigos, é interessante você aprender como são feitos os estilos, interações básicas, assim como requisições e tratamento de erros, para citar exemplos.

  • Não tenho conhecimentos em design.
    Esse curso é pra mim?

    Depende. Se você é alguém que procura estar inserido profissionalmente na área de Design Digital nos próximos meses, pode ser uma boa, mas ainda é "arriscado". A didática é voltada para designers, e por isso eventualmente serão utilizados termos e referência à técnicas de design, assim como uso de softwares específicos que só quem está na área a pelo menos 1 ano já consegue entender e saber lidar.

  • O curso ensina lógica de programação?

    Sim. Alguns conceitos de lógica de programação serão passados durante o conteúdo de JavaScript e utilização de VueJS.

  • Porque aprender VueJS?

    Esse framework permite que você utilize HTML, CSS e JavaScript num arquivo só, de forma fácil, inteligente e super moderna (do jeito que os times de desenvolvimento fazem hoje em dia). Com ele fica mais fácil fazer sites dinâmicos, trabalhar com dados e criar interações em poucas linhas. Esse site aqui que você está usando foi feito 100% com VueJS.

  • Qual a diferença entre o curso à distância e presencial?

    O curso à distância acontece via Google Meet (Hangouts). Você pode se conectar de qualquer lugar, assim como é permitido remarcar datas apenas uma vez e fazer cancelamento com 3 dias de antecedência. O curso presencial acontece no Espaço Plexi em São Paulo e precisa ter no mínimo 15 pessoas para acontecer. Pelas regras de utilização do local, não é possível remarcar datas e o cancelamento precisa ser feito 10 dias antes.

  • Posso pagar no boleto?

    Não. Mas você pode optar por parcelar em até 4x sem juros no cartão de crédito, através do PayPal.

  • Quantas horas por dia preciso me dedicar?

    O curso acontece num período de 2 semanas, nas segunda, quartas, sextas e sábados. Todas as aulas tem 3h de duração. Nos dias de semana acontece das 19h as 22h, e no sábado das 13h às 16h. Isso vale para as duas modalidades.

  • Esse curso possui certificado?

    Sim. Esse curso é classificado pela Lei como livre e não precisa de reconhecimento pelo MEC. Mesmo sendo permitido emitir certificado, ele não teria validade oficial de um curso técnico, por exemplo.