beginner

Aprox. 3 semanas

Assume 6 horas / semana (trabalhe em seu próprio ritmo)

Junte-se a milhares de estudantes

Inicie o curso grátis

Inicie o curso grátis
Grátis
Você recebe
Video-aulas
Exercícios práticos e visualize instruções para o projeto
course image

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.

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.

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.

O que vou aprender?

Projetos

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.

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.

Conteúdo

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.

Instrutores & Parceiros

instructor photo

Gundega Dekena

Instrutor

Gundega era uma estudante Udacity. De certa forma, ela ainda é, porque ela está aprendendo coisas novas com os instrutores com quem trabalha e seus colegas de trabalho Udacity todos os dias.

Se você ocasionalmente quiser ler notícias divertidas sobre robótica, ciência e jogos, siga-a no G+ - https://plus.google.com/+GundegaDekena.

instructor photo

Cameron Pittman

Instrutor

Um educador apaixonado e programador, Cameron vive e respira desenvolvimento web enquanto cria cursos de programação na Udacity. Antes de vir aqui, Cameron era uma combinação de Director de conteúdo e desenvolvedor web na startup LearnBIG em Seattle. Ele ensinou, por quatro anos, física e química para o ensino médio em Nashville, TN, e foi pioneiro no ensino de física com o jogo Portal 2. Cameron licenciou-se em Física e Astronomia na Universidade de Vanderbilt e ganhou de seu mestrado em pedagogia pela universidade de Belmont.

instructor photo

Jessica Uelmen

Instrutor

Jessica se apaixonou pelo ensino quando criança quando ela forçou seus irmãos mais novos a bringar de escola e a aprender todas as coisas que dominou durante o ano letivo passado. Armada com uma diploma em Engenharia Elétrica pela University of Central Florida, ela passou o início da sua carreira ensinando os professores como usar microcontroladores e robótica na sala de aula. Ela também tem a seu mestrado em Gestão da Engenharia pela Universidade de Wisconsin-Madison. No seu tempo livre, Jessica gosta de ler, esqui e viajar pelo mundo.