Desenvolvimento de Web com HTML CSS BOOTSTRAP JQUERY
Ryan Dhungel
Assista a este curso e milhares de outros
Assista a este curso e milhares de outros
Aulas neste curso
-
-
1. Aprenda desenvolvimento de Web a partir de raspadinhas com BOOTSTRAP HTML e JQUERY
5:10 -
2. 01 Escreva seu primeiro código HTML e execute no navegador
4:58 -
3. 02 Usando o estilo de css inline
4:47 -
4. 03 Crie e vinque seu próprio arquivo css
3:41 -
5. 04 Usando fontes do Google
2:36 -
6. 05 Adicionando imagens às páginas HTML
5:35 -
7. 06 Adicionando tags alt às imagens e sua importância
2:39 -
8. 07 Adicionar links ao texto
4:59 -
9. 08 Adicionar links à imagem
2:43 -
10. 09 Aplicando estilo de borda e efeito de pênis
4:40 -
11. 10 Aplicando cores de fundo e paddings
6:15 -
12. 11 Criar listas ordenadas e não ordenadas
3:09 -
13. 12 Criando formulários
3:10 -
14. 13 Margem e estilo
5:38 -
15. 14 botões de rádio e caixas de seleção
5:53 -
16. 15 Baixar bootstrap
5:44 -
17. 16 Entendendo e usando linhas e grades de bootstrap
4:44 -
18. 17 Usando jumbotron de bootstrap
4:33 -
19. 18 Imagem responsiva com bootstrap
4:47 -
20. 19 botões e listas com bootstrap
6:53 -
21. 20 formulários de construção com bootstrap
5:45 -
22. 21 Usando ícones incríveis de fonte com bootstrap
4:42 -
23. 22 Usando editor de css ao vivo
4:45 -
24. 23 Personalização de ícones incríveis
3:38 -
25. Menu de Bootstrap 24 ou barra de navegação
8:03 -
26. Menu de hambúrguer móvel 25 com bootstrap
6:43 -
27. 26 Deixando comentários em folha de estilo
3:29 -
28. 27 Tornando os links de menu funcionam
3:26 -
29. 28 Usando fontes do Google e texto de estilo
2:54 -
30. 29 Usando ferramentas de inspeção, estilo de cabeçalho e links de navegação
4:32 -
31. 30 Criar tabelas com bootstrap
5:15 -
32. 31 Blockquote e tags fortes
4:47 -
33. 32 painéis de trabalho no bootstrap
6:51 -
34. 33 Usando scrollspy para destacar links atuais
4:25 -
35. 34 Implementando controle deslizante de imagem ou carrossel
6:05 -
36. 35 Adicionando imagens ao controle deslizante ou ao carrossel
6:30 -
37. 36 Criando seção de rodapé
3:04 -
38. Imagem de fundo de largura total 37 para um mergulho com estado fixo
8:52 -
39. Fundo de 38 gradientes
4:31 -
40. 39 Pop up modal no bootstrap
6:05 -
41. 40 Preparar-se para começar com jquery
4:56 -
42. 41 Plugin para download de texto sublime
4:39 -
43. 42 Escreva seu primeiro script com alerta de mundo Olá
5:19 -
44. 43 Usando animações com jquery
7:48 -
45. 44 Aulas de segmentação e ids com jquery
3:03 -
46. 45 Alvo o mesmo elemento com muitos seletores
3:12 -
47. 46 Remova classes e adicionando estilo css usando jquery
3:17 -
48. 47 Alterar texto HTML com jquery
5:47 -
49. 48 Apresente e remova no jquery
2:52 -
50. 49 Clonar e segmentar o elemento pai no jquery
4:07 -
51. 50 Elementos de metas filho e nono filho
3:49 -
52. 51 Alvo de ímpar ou mesmo números no jquery e mais
5:55 -
53. Seção de cabeça de 52 Html
9:29 -
54. Seção de corpo de 53 Html com artigos principais além e mais
6:59 -
55. 54 Empurre seu projeto para o servidor ao vivo
7:03 -
56. 55 Links de imagem de fixação no site ao vivo
2:11 -
57. 56 Adicionando recurso de e-mail à nossa página estática
5:00 -
58. 57 Adicionando campo de mensagem aos nossos e-mails
4:29 -
59. 58 Coclusion
3:20
-
-
- --
- Nível iniciante
- Nível intermediário
- Nível avançado
- Todos os níveis
Gerado pela comunidade
O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.
247
Estudantes
--
Sobre este curso
APRENDA a CODIR totalmente responsivos sites usando JQUERY de BOOTSTRAP HTML do RASP. Este curso é feito para iniciantes ABSOLUTOS!
Procurando uma mudança de carreira ou simplesmente procurando expandir seu negócio ou ideias para o público maior? Ou você pode ser interessante na construção de aplicativos web modernos para o público global. Seja qual for o motivo, este é um curso perfeito para fazer tudo acontecer.
Este curso vai guiar você como um filho recém-nascido no mundo do desenvolvimento da web e transformá-lo em um desenvolvedor da Web com sólida compreensão do BOOTSTRAP HTML e JQUERY. Esses são os blocos de construção da web. No final do curso, você vai criar um site moderno totalmente responsivo (pronto para dispositivos móveis) com recurso de e-mail que você pode usar na vida real para seu próprio negócio, portfólio ou para seu cliente.
Depois, você será capaz de criar muitos sites por conta própria. Porque você seria equipado com todas as habilidades necessárias necessárias. Esse campo de desenvolvimento da web é vasto e um pode facilmente se perder nele. Este curso vai salvá-lo disso, o que pode custar vários meses ou anos do seu precioso tempo.
Vamos falar um pouco mais sobre este curso, ele tem 3 seções principais. A primeira seção vai melhorar o desempenho e execução com HTML e css. Então, na segunda seção, vamos mergulhar no bootstrap que permitirá que você desenvolva páginas profissionais prontas para produção que sejam lindas, ricas e totalmente responsivas.
Eles vão funcionar perfeitamente para desktop, laptops e dispositivos móveis.
Não vamos parar por aí. Vamos mergulhar também em jquery. E você vai ficar surpreso com o quão legal e fácil é jquery mesmo que você saiba absolutamente nada sobre javascript. Você vai aprender sobre usar animações cool, aprender a selecionar os elementos HTML usando jquery e adicionar recursos incríveis a eles.
Agora você pode estar pensando bem isso ótimo. Mas espere, há mais. Existem alguns tópicos mais ótimos abordados também. Um deles é adicionar recurso de e-mail aos seus formulários de contato.
Sim, é quase impossível usar recursos de e-mail em sites estáticos que são construídos apenas com html e csswithout qualquer tecnologia de lado do servidor, como php, mas vamos enfrentar esse problema também.. agradável e fácil.
Então, sim, haverá recurso de e-mail ao nosso site e ele vai ser vivo. Sim, vou mostrar como impulsionar seu projeto local para servidor vivo e chegar ao mundo inteiro.
Sim, este curso vai mudar tudo.
Você sabe que o desenvolvimento da web é vasto e complexo, mas principalmente é por causa de confusão e não ser capaz de decifrar onde começar e o que aprender ...
Este curso vai resolver esse problema. Inscreva-se neste curso e altere sua vida. Vamos começar agora!
Aqui na demonstração de curso principal (haverá mais dois projetos baseados em HTML puro e css e também no jquery), temos um lindo controle de imagem. Com cabeçalho e um pouco de descrição e um botão de chamada à ação.
É totalmente responsivo e funciona perfeitamente, em tela pequena e dispositivos móveis também, porque usa bootstrap.
vamos aprender a personalizá-lo de várias maneiras, tornando imagens responsivas. usando ícones de fonte e fontes do Google e também um pouco sobre práticas de SEO.
Adicionando uma imagem de fundo fixo de largura total para efeitos bonitos, formato de contato totalmente funcional, tabelas, cor de gradiente de fundo... formando articles...and muito mais!
Não esquecer, painéis legais e sim, modais também que você pode personalizar de muitas maneiras que você preferir...
Você pode adicionar mais animações e interatividade a ele usando jquery que você vai aprender no último seciton assim, sim, seu repleto de ferramentas práticas incríveis que você vai exigir em cada dia como desenvolvedor da web. Excitado? vamos entrar nele!!
Lembre-se, neste curso, você vai aprender a CODIR DO ARRANHO. Se ainda não tiver, prepare-se para escrever o primeiro código e descubra o mundo novo!
Quais são os requisitos?
- Você deve ser capaz de usar um computador
- Interessado em desenvolvimento da Web ou aprender a codificar
O que vou conseguir com este curso?
- Você vai aprender, entender e se sentir confortável com HTML5, CSS, BOOTSTRAP e BÁSICO DE JQUERY.
- No final do curso, você será capaz de criar sites totalmente responsivos que são característicos ricos, modernos e facilmente extensíveis.
Quem é o público alvo?
- Qualquer pessoa que queira aprender a codificar ou entrar no desenvolvimento da Web
- Qualquer pessoa que queira aprender a criar, manter e hospedar sites modernos totalmente responsivos
Quando você aprende a codificar, não há limite do que você pode fazer. Não repitas. Junte-se a mim neste curso. Vamos ter aprendizado divertido. Permite mergulhar no mundo de ideias e criatividade.
Projeto prático de curso
BAIXAR CÓDIGO FONTE COMO UM ARQUIVO ZIP DO GITHUB
O Github é um lugar onde você pode hospedar seus repositórios de código gratuitamente. É gratuito para usar. Se você não se registrou no github, faça o download de todos os arquivos de projeto.
CSS HTML
https://github.com/kaloraat/html_css
Bootstrap
https://github.com/kaloraat/bootstrap
BOOTSTRAP (PRODUÇÃO)
https://github.com/kaloraat/bootstrap_production
No final do curso, você vai criar um site pronto para produção totalmente responsivo.
Compartilhe seus projetos com o resto dos alunos e, eventualmente, com o resto do mundo!
Para obter avaliações instantâneas e ajuda, fique à vontade para se juntar ao seguinte grupo do facebook:
Nota do curso
Por que fazer parte da Skillshare?
Faça cursos premiados Skillshare Original
Cada curso possui cursos curtas e projetos práticos
Sua assinatura apoia os professores da Skillshare