Curso de Desenvolvimento Web - Fundamentos do Frontend #1

Desenvolvimento web frontend usando Bootstrap e SASS

Desenvolvimento web frontend usando Bootstrap e SASS. Olá e bem-vindo ao meu curso de desenvolvimento web: Fundamentos do Desenvolvimento Frontend #1. Meu nome é John Smith e sou um desenvolvedor web full stack profissional com mais de 13 anos de experiência. Neste curso, vou mostrar a você meu fluxo de trabalho para decompor um design de site e convertê-lo para HTML e CSS. Também vou usar SASS e Bootstrap para juntar tudo. Primeiro, vamos nos concentrar no design para desktop e depois vou mostrar como convertê-lo para uma versão responsiva para dispositivos móveis. O curso foi projetado para facilitar o início da escrita de código e o acompanhamento. Você receberá todos os recursos necessários para concluir o curso. Do ponto de vista profissional, este é um curso de nível básico, mas não é para iniciantes absolutos. Você deve ter algum conhecimento básico de CSS e HTML antes de fazer este curso. Este curso tem quase 12 horas de duração e todas as filmagens são em tempo real, em resolução 4k (as filmagens originais são em 4k, mas podem ser reproduzidas em diferentes resoluções, dependendo da plataforma em que você as assiste), com algumas edições menores. Como editor de código, usarei o CodeMaster, mas você deve conseguir acompanhar em qualquer editor de código se conhecer o básico dele. Outros softwares que usaremos incluem DesignPro, PhotoPro e Chrome. Este tutorial é feito para Windows, mas não há motivo para você não poder fazer isso em qualquer outro sistema operacional. No entanto, talvez você precise pesquisar como instalar algumas coisas. Obrigado por conferir meu curso e vamos começar!

O que você vai aprender

- Aprenda a converter um design estático para HTML e CSS. - Aprenda a usar SASS para facilitar a escrita de CSS. - Aprenda a aproveitar o Bootstrap ao converter um design estático para HTML e CSS. - Aprenda dicas úteis de fluxo de trabalho que permitem que você deixe seus designs parecidos com o design original. - Aprenda a pegar um design para desktop e convertê-lo em um design responsivo para dispositivos móveis.