Bem-vindo ao front-end Web UI Frameworks and Tools: Bootstrap 4.
Estou feliz que você decidiu se juntar a este curso para aprender
sobre o front-end Web UI Framework mais popular: Bootstrap.
Vamos olhar para vários aspectos do Bootstrap.
Através de vários exemplos, você aprenderá fazendo exercícios como parte deste curso.
Vamos ver alguns detalhes a seguir.
Antes de iniciar este curso,
certifique-se de que você tem antecedentes suficientes para
ser capaz de ter sucesso neste curso.
Você deve ter um bom conhecimento de HTML
, CSS e JavaScript antes de iniciar o curso.
Do meu ponto de vista, web design e desenvolvimento consiste em dois aspectos:
um é o design do site e a página web,
o segundo é a construção e implantação real da própria página web.
Do ponto de vista do design,
o que quero dizer é o design da interface do usuário e da experiência do usuário,
o design visual, a prototipagem,
os elementos de cores,
gráficos e animação que podem ser de interesse.
Nesta especialização, não estamos olhando para este aspecto do desenvolvimento web.
Em vez disso, estamos olhando para esse segundo aspecto,
que é o desenvolvimento, construção
e implantação de sites e páginas da web, usando tecnologias
como o front-end web UI frameworks como Bootstrap,
talvez framework JavaScript como Angular ou uma biblioteca como React
e híbrido mobile frameworks para projetar
aplicativos móveis e também desenvolvimento do lado do servidor usando Node,
Express, MongoDB, a pilha principal em mais detalhes.
Se você está olhando para a Especialização,
pensando sobre o aspecto de design do site,
então você pode querer repensar.
Esta especialização concentra-se
no desenvolvimento e implantação de páginas web e web,
um conhecimento puramente técnico sobre o uso de HTML
, CSS e habilidades baseadas em JavaScript para o desenvolvimento real de sites.
Você também provavelmente está se perguntando sobre o que se entende por desenvolvimento web de pilha completa.
Analisaremos mais detalhes do desenvolvimento da web de pilha completa na próxima lição.
Em particular, se você estiver observando como este curso está
posicionado no contexto geral do desenvolvimento web de pilha completa,
neste curso, estamos lidando com o desenvolvimento de interface web front-end.
Em particular, o UI Framework Bootstrap 4.
Estaremos analisando os aspectos restantes do
desenvolvimento web de pilha completa no resto desta especialização.
Este curso analisa o Bootstrap em grande detalhe.
Nós também vamos olhar para web design responsivo e como Bootstrap suporta
web design responsivo através do sistema Bootstrap Grid.
Vamos olhar para os componentes baseados em CSS e JavaScript no Bootstrap e como você
pode fazer uso deles na construção de seu site e suas páginas da web.
Ao longo do caminho, aprenderemos sobre esse desenvolvimento web usando a linha de comando.
Então, vamos aprender muitas ferramentas da web que são
baseadas na linha de comando e no ecossistema Node.js.
Vamos rever brevemente o Git,
adicionar Node.js e olhar para ferramentas baseadas em Noje.js, incluindo corredores de tarefas como Grunt e Gulp.
Este curso, em si, está estruturado em módulos completos.
Cada módulo corresponde aproximadamente a uma semana de trabalho.
No primeiro módulo,
teremos a visão geral do desenvolvimento web de pilha completa,
então você terá uma introdução rápida ao Git e Node.js.
Em seguida, vamos apresentá-lo ao Bootstrap e, em seguida, rever o sistema Bootstrap Grid.
Isso o levará até a primeira tarefa neste curso.
O segundo módulo lida com componentes CSS Bootstrap.
Vamos olhar para o design da barra de navegação Bootstrap
e como podemos usá-lo para suportar a navegação.
Vamos olhar para a entrada do usuário através de
botões e formulários, em seguida, vamos olhar para como podemos exibir conteúdo usando tabelas e cartões.
Em seguida, veremos como podemos incluir imagens e mídia em nossa página da Web usando imagens,
miniaturas e objetos de mídia.
E, finalmente, analisamos como alertamos os usuários usando tags,
alertas e barras de progresso.
Isto deve levar-te à tua segunda missão.
O terceiro módulo lida com componentes JavaScript Bootstrap.
Vamos olhar para a visão geral de
como os componentes JavaScript Bootstrap funcionam, vamos revisar guias,
pílulas e navegação com guias,
então veremos como colapso e acordeão podem ser usados para mostrar e ocultar conteúdo.
E então analisaremos o uso de dicas de ferramentas,
popovers e modais para revelar o conteúdo a ser exibido em sua página.
E então vamos olhar para o componente carrossel,
que permite que você exiba informações deslizantes em sua página da web.
Isso deve levá-lo até a terceira tarefa neste curso.
O último módulo lida com Bootstrap e o jQuery e várias ferramentas de desenvolvimento.
Vamos, em particular, olhar para como Bootstrap e jQuery interagem e como você pode
escrever código jQuery e JavaScript para controlar seu componente JavaScript Bootstrap.
Analisamos os vários métodos que são suportados pelos componentes JavaScript do Bootstrap,
que podem ser aproveitados para escrever
código JavaScript para controlar o comportamento desses componentes.
Em seguida, vamos rever CSS linguagem de pré-processamento é como LESS e Sass.
Então, finalmente, veremos como podemos construir e implantar nosso site
usando scripts NPM ou corredores de tarefas como Grunt e Gulp.
Isso deve levá-lo até a tarefa final neste curso.
Espero que você se divirta muito fazendo
as várias partes deste curso e também aproveite os exercícios que você
encontrará em cada etapa que lhe permitem
entender melhor vários aspectos do framework web UI Bootstrap.