♻️ w3schools

• A prática das atividades do portal W3schools

• 1. Funções em JS
• 2. Estrutura HTML
• 3. Estilização CSS
• 4. Funcionalidades HowTo

• Fonte do projeto: Web Development Roadmaps do portal w3schools

1. HTML
2. HTML HTTP / XHR
3. CSS
4. CSS Responsive
5. JS Javascript
6. JS ECMAScript 5

7. HTML HTML DOM
8. Google Maps
9. Google Fonts
10. Google Charts
11. CSS Icons
12. JS XML
13. JS Json
14. JS AJAX

15. CSS Bootstrap
16. CSS Material Design
17. CSS W3.CSS
18. JS React.js:
19. JS Angular.js
20. JS Vue.js
21. JS W3.JS
22. JS jQuery
23. XML XSLT
24. XML XPath
25. XML XQuery

• ilustração

26. Fullstack SQL
27. Fullstack PHP
28. Fullstack ASP
29. Fullstack Python
30. FullstackJS SQL
31. FullstackJS Node.js
32. FullstackJS MySQL
33. FullstackJS MongoDB

• ilustração

34. CLI - comand line interface
35. npm - Software Library
36. github - code hosting platform for collaboration and version control
37. Full Stack Web Developer - A full stack web developer is a person who can develop both client and server software.
38. Full Stack JavaScript - A full stack JavaScript developer is a person who can develop both client and server software

1. HTML HOME
2. HTML Introduction
3. HTML Editors
4. HTML Basic
5. HTML Elements
6. HTML Attributes
7. HTML Headings
8. HTML Paragraphs
9. HTML Styles
10. HTML Text Formatting
11. HTML Quotation
12. HTML Comments
13. HTML Colors
14. HTML Styles - CSS
15. HTML Links
16. HTML Images: image, image map, background, picture element
17. HTML Tables
18. HTML Lists
19. HTML Block and Inline Elements
20. HTML The class Attribute
21. HTML The id Attribute
22. HTML Iframes
23. HTML Javascript
24. HTML File Paths
25. HTML Head
26. HTML Layout
27. HTML Responsive Web Design
28. HTML Computer Code Elements
29. HTML Entities
30. HTML Symbols
31. HTML Encoding (Character Sets)
32. HTML Uniform Resource Locators
33. HTML and XHTML

34. HTML Forms
35. HTML Form Elements
36. HTML Input Types
37. HTML Input Attributes

1. CSS HOME
2. CSS Introduction
3. CSS Syntax and Selectors
4. CSS How to Insert Css
5. CSS Colors: background, text, border
6. CSS Background: color, image, repeat, attachment, position
7. CSS Border: style, width, color, individual sides, radius
8. CSS Margins - top right bottom left, inherit
9. CSS Padding - top right bottom left
10. CSS Height and Width
11. CSS Box Model - 320px (width) + 20px (left + right padding) + 10px (left + right border) + 0px (left + right margin) = 350px
12. CSS Outline
13. CSS Text
14. CSS Fonts
15. CSS Icons
16. CSS Links
17. CSS Lists
18. CSS Tables
19. CSS Display
20. CSS Max Width
21. CSS Position : static, relative, fixed, absolute, sticky
22. CSS Overflow : visible, hidden, scroll, auto
23. CSS Float : left, right, none, inherit
24. CSS Align
25. CSS Combinators
26. CSS Pseudo-classes
27. CSS Pseudo-element
28. CSS Opacity/Transparency
29. CSS Navigation Bar
30. CSS Dropdowns

31. CSS Shadows
32. CSS Transitions
33. CSS Animations
34. CSS Multi Columns
35. CSS Flexbox

36. CSS Template
37. CSS Frameworks
38. CSS Band Template
39. CSS Art Template
40. CSS Food Blog Template

1. W3.CSS Contact Us Template
2. W3.CSS Login User Templates
3. W3.CSS Login Password Templates
4. W3.CSS Portal Templates
5. W3.CSS Places to Visit Templates
6. W3.CSS Dashboard Templates
7. W3.CSS Coffee Templates
8. W3.CSS Living Room Templates

1. JS Home

2. JS Form
3. JS Form API

1. Slide Show
2. Login Form
3. Accordion
4. Modal
5. Slide Show galery
6. Tab

1. HTML : Completed 88 of 88 Exercises - 2x DONE.
2. CSS : Completed 138 of 138 Exercises - css combinators - DONE.
3. Javascript : Completed 67 of 67 Exercises - DONE.

As seguintes ferramentas foram usadas na construção do projeto:

• Css: posicionamento, dimensionamento e muito mais
• Javascript
• HTML: estrutura e efeitos
• Git
• Github

Podemos considerar este projeto como sendo com uma parte:

1. Front End (pasta web)

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git Além disto é bom ter um editor para trabalhar com o código como VSCode

# Clone este repositório
$ git clone https://github.com/douglasabnovato/w3schools

# Acesse a pasta do projeto no seu terminal/cmd
$ cd w3schools 

# Execute a aplicação em modo de desenvolvimento
Open Live Server

# A aplicação será aberta na porta:3000 - acesse http://localhost:3000

1. Faça um fork do projeto.
2. Crie uma nova branch com as suas alterações: git checkout -b my-feature
3. Salve as alterações e crie uma mensagem de commit contando o que você fez: git commit -m "feature: My new feature"
4. Envie as suas alterações: git push origin my-feature

Caso tenha alguma dúvida confira este guia de como contribuir no GitHub

Este projeto esta sobe a licença MIT.

Feito com ❤️ por Douglas A B Novato 👋🏽 Entre em contato!

.: Por Douglas A B Novato