https://github.com/edijunior88/origamid_html_e_css_para_iniciantes
Front End, HTML, Tags, Acessibilidade, CSS, Grid Layout, Flexbox, Media Queries, Responsivo, VS Code e mais.
https://github.com/edijunior88/origamid_html_e_css_para_iniciantes
css css-flexbox css-grid css-grid-layout css3 html html-template html5 media-queries
Last synced: 6 months ago
JSON representation
Front End, HTML, Tags, Acessibilidade, CSS, Grid Layout, Flexbox, Media Queries, Responsivo, VS Code e mais.
- Host: GitHub
- URL: https://github.com/edijunior88/origamid_html_e_css_para_iniciantes
- Owner: EdiJunior88
- License: mit
- Created: 2021-11-19T14:27:53.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-10-24T02:16:59.000Z (7 months ago)
- Last Synced: 2024-10-24T18:51:08.453Z (7 months ago)
- Topics: css, css-flexbox, css-grid, css-grid-layout, css3, html, html-template, html5, media-queries
- Language: HTML
- Homepage: https://origamid-html-e-css-para-iniciantes.onrender.com/
- Size: 7.12 MB
- Stars: 10
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Security: SECURITY.md
Awesome Lists containing this project
README
HTML e CSS para Iniciantes
Front End, HTML, Tags, Acessibilidade, CSS, Grid Layout, Flexbox, Media Queries, Responsivo, VS Code e mais.
O objeto do curso não é ir direto ao ponto, e sim fazer você entender o ponto. Eu rodo o ponto, volto no ponto e demonstro o ponto. Esse curso é focado na parte de Código Front End (HTML e CSS).
Este curso é para quem deseja entrar ou já está no mercado e desenvolvimento Front End/criação de sites. Se você está iniciando, terá a oportunidade de aprender do zero e para os que já trabalham com web design/front end é uma boa oportunidade para se atualizar/aprender uma abordagem diferente.
Eu foco na teoria + prática, assim você aprende os fundamentos por trás de cada decisão de código. E após isso você implementa em um projeto real — bikcraft.com. Você já sai do curso com um primeiro site profissional construído. Nele eu uso CSS Flexbox e Grid Layout para construir os projetos responsivos e totalmente do zero, sem usar nada pronto.
Link do projeto 1 curso: https://edijunior88-origamid-portfolio.netlify.app/
Link do projeto 2 curso: https://origamid-html-e-css-para-iniciantes.onrender.com/
Tecnologias Utilizadas
- 
[JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript) – Languages
- 
[Vite](https://vitejs.dev/) – JS Build Tools / JS Task Runners
- 
[Netlify](https://www.netlify.com/) – Static Web Hosting
Para ver todas as tecnologias [clique aqui](/techstack.md)
HTML e CSS para Iniciantes
- HTML, CSS e JavaScript
- Editor de Código
- Browser
HTML e CSS Básico
- Tag
- Tags Iniciais
- Estrutura HTML
- Editor Plugins
- Editor Atalhos
- Link Caminhos
- CSS Básico
- CSS Seletores
- HTML Exercício
- Background e Cores
- Box Model
- Estilos do Browser
- Display
- Display Exercício
- Documentação
- img
CSS Posicionamento
- Top, Right, Bottom, Left
- Grid Template Columns
- Align e Justify Content
- Grid Column
- Align e Justify Items
- Grid Template Rows
- Flexbox
- Position
- Posicionamento Exercício
HTML e Semântica
- Semântica e Acessibilidade
- Pontos de Referência
- Listas
- Navegação
- blockquote, q, cite, em, strong
CSS Propriedades
- Unidades
- Tipografia
- Background
- Pseudo Classes
- Pseudo Elements
- Refatorar Exercício
Responsivo
- Responsivo
- Media Queries
- Grid
- Object Fit
- max-width
Ferramentas
- Instalar Ferramentas
- Linha de Comando
- NPM e Clean CSS
- Git
- Fontes
Mais HTML e CSS
- Formulários
- Outros Seletores
- Especificidade
- Propriedades Customizadas
- CSS Utilitário
Status dos Deploys
Portfólio
[](https://app.netlify.com/sites/origamid-html-css-portfolio/deploys)
Bikcraft
[](https://app.netlify.com/sites/bikcraft-edijunior88/deploys)
Tempo Estudando o curso
