Resumo do curso

HTML e CSS são linguagens de marcação e os blocos de construção que compõem a web. Este curso é chamado de "Uma Nova Abordagem a Introdução HTML e CSS", porque não segue o padrão usual de outros cursos e tutoriais que você encontrar na Internet. Normalmente, HTML e CSS são ensinados com foco na sintaxe da linguagem. Mas saber sintaxe por si só não permite a criação de uma página web a partir de um design. Você precisa saber por onde começar e como abordar a tarefa, em outras palavras - você precisa aprender a pensar como um desenvolvedor front-end.

Neste curso você vai aprender a converter modelos de design digitais em páginas estáticas. Vamos ensiná-lo como abordar um layout de página, como quebrar um modelo em elementos de página, e como implementar isso em HTML e CSS.

Você também vai aprender sobre técnicas de design responsivo, que são cada vez mais importantes em um mundo onde os dispositivos móveis e telas de TV são cada vez mais utilizados para procurar informação e entretenimento.

Valor do curso
Gratuito
Duração
Aprox. 3 semanas
Nível
Iniciante
O curso inclui
  • Icon course 01Videoaulas

  • Icon course 04Testes interativos

  • Icon course 02Aulas com profissionais do setor

  • Icon course 05Ritmo individual de aprendizado

  • Icon course 03Comunidade de apoio aos alunos

Sua jornada de aprendizado

Este curso grátis é mais um passo rumo a uma carreira de sucesso. Conheça também o Programa Nanodegree Desenvolvedor Web Front-End e vivencie a experiência completa de ser um aluno Udacity!

Curso Aberto

Introdução ao HTML e CSS

Uma Nova Abordagem a Introdução HTML e CSS

Icon steps 54aa753742d05d598baf005f2bb1b5bb6339a7d544b84089a1eee6acd5a8543d

O que vou aprender?



Lição 1 - Do Design Ao Código

Diligentemente empregue uma estratégia de programe/teste/refine enquanto você precisamente e deliberadamente traduz documentos de design iniciais para páginas estáticas. Você também vai investigar o Document Object Model (DOM) e suas implicações para o desenvolvimento web.

Lição 2 - Seu Próprio Framework

Orgulhe-se de criar e personalizar o seu próprio framework CSS multi-plataforma responsivo para publicar os projetos do seu portfolio na web.

Lição 3 - Aprendendo e usando Bootstrap

Investigue estratégicamente um framework CSS profissional existente enquanto o usa para construir um site usando princípios de design responsivo, mantendo a legibilidade do código.


Que projetos vou fazer?



Projeto 1

P1: Construindo um Site de Portfolio

Você vai replicar um modelo de site em HTML e CSS. Você irá desenvolver um site responsivo que irá exibir imagens, descrições e links para cada um dos projetos do portfolio que você vai completar ao longo do curso Nanodegree Desenvolvedor Web Front-End.

P1: Construindo um Site de Portfolio

Você vai replicar um modelo de site em HTML e CSS. Você irá desenvolver um site responsivo que irá exibir imagens, descrições e links para cada um dos projetos do portfolio que você vai completar ao longo do curso Nanodegree Desenvolvedor Web Front-End.

Projeto 2

P6: Crie Vizualizações de Dados Eficazes

Crie uma visualização de dados a partir de um conjunto de dados que conta uma história ou destaque as tendências ou padrões nos dados. Use tanto o dimple.js ou d3.js para criar a visualização. Seu trabalho deve ser uma reflexão da teoria e prática da visualização de dados, como codificações visuais, princípios de design e comunicação eficaz.

P6: Crie Vizualizações de Dados Eficazes

Crie uma visualização de dados a partir de um conjunto de dados que conta uma história ou destaque as tendências ou padrões nos dados. Use tanto o dimple.js ou d3.js para criar a visualização. Seu trabalho deve ser uma reflexão da teoria e prática da visualização de dados, como codificações visuais, princípios de design e comunicação eficaz.

Instrutores & Parceiros

  • Gundega Dekena
    Gundega Dekena

    Instrutor

  • Cameron Pittman
    Cameron Pittman

    Instrutor

  • Jessica Uelmen
    Jessica Uelmen

    Instrutor

Pré-requisitos

Você deve ter a capacidade e habilidades para baixar e usar um editor de texto para editar suas páginas da web. Recomendamos o Sublime Text ou Atom. Você pode usar outro editor de texto, se quiser, mas deve ter a capacidade de destacar sintaxe de código para sua própria conveniência.

Você deve ser capaz de baixar e instalar o Google Chrome, que é o navegador que vamos usar para explorar ferramentas de desenvolvimento neste curso.

Veja os Requisitos Tecnológicos para usar a Udacity.

Por que fazer este curso?

Desenvolvedores Web front-end deve ter uma compreensão fundamental do HTML e CSS, que vamos obter neste curso através da conversão de modelos de design digitais em páginas estáticas. Para construir as páginas da web você vai usar HTML, CSS e o Bootstrap, popular framework CSS do Twitter.

Depois de concluir este curso você será capaz de construir um site portfólio responsivo com seu próprio framework CSS. Você também terá a possibilidade de adicionar projetos futuros no seu portfólio. Principalmente, você terá uma compreensão do DOM e como HTML, CSS e JavaScript se relacionam entre si.

O projeto deste curso é parte do nosso Nanodegree Desenvolvedor Web Front-End.

Quais são os recursos?
  • Vídeos dos instrutores
  • Exercícios práticos
  • Aulas com profissionais do setor