-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
3b85bd0
commit 46fbdb1
Showing
1 changed file
with
9 additions
and
6 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,18 +1,21 @@ | ||
# Horário de Hoje | ||
<p>    Uma página web com o objetivo de apresentar ao usuário o horário e data de seu sistema, no qual, conforme ao passar dos quatro períodos do dia (manhã, tarde, noite e madrugada), o layout do site se altera, representando o período respectivo.</p> | ||
<p>    Uma página web com o objetivo de apresentar ao usuário o horário e data de seu sistema, no qual, conforme ao passar dos quatro <mark>períodos do dia</mark> (manhã, tarde, noite e madrugada), o layout do site se altera, representando o período respectivo.</p> | ||
|
||
## Objetivo e Aprendizado | ||
## Objetivo e Aprendizado: | ||
<p>    Esse projeto foi criado com inspiração nas aulas do canal "Curso em Vídeo", do profº Gustavo Guanabara, com uma sugestão de exercícios proporcionados em suas série de vídeoaulas.</p> | ||
<p>    Nesse sentido, desenvolvi ainda mais o meu conhecimentos em Javascript nas suas funções, métodos e sintaxe. Pratiquei também boas práticas de organização do código, utilizando o padrão BEM no CSS</p> | ||
<p>    Nesse sentido, desenvolvi ainda mais o meu conhecimentos em <b style="color="red">Javascript</b> nas suas funções, métodos e sintaxe, sendo o principal recurso a função <kbd>Date()</kbd> e o métodos <kbd>toLocaleDateString</kbd> e <kbd>toLocaleTimeString</kbd>, o mais interessante para mim durante o desenvolvimento, foi explorar as diversas maneiras de manipulá-lo desde Arrays() até esses métodos que descobri conforme estudava mais a documentação. Pratiquei também boas práticas de organização do código, utilizando o <b>Padrão BEM</b> nos seletores</p> | ||
|
||
[![Resposividade da Página](https://markdown-videos-api.jorgenkh.no/youtube/dQw4w9WgXcQ)](https://github.com/Mariana-M-Siqueira/Horarios_e_Periodos_do_Dia/assets/129943744/e666e646-18f3-4bb4-80ef-78e0a5b957ce) | ||
|
||
## Resposividade | ||
## Resposividade: | ||
* Apresentação de como funciona a página em diferentes dispositivos. | ||
|
||
[![Resposividade da Página](https://markdown-videos-api.jorgenkh.no/youtube/dQw4w9WgXcQ)](https://github.com/Mariana-M-Siqueira/Horarios_e_Periodos_do_Dia/assets/129943744/eb5f372d-08bb-4d57-b210-93fabc6da5aa) | ||
|
||
## Tecnologias Utilizadas | ||
|
||
## Tecnologias Utilizadas: | ||
<p> <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/html5/html5-original.svg" style="width: 50px"/> | ||
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/css3/css3-original.svg" style="width: 50px" /> | ||
<img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-original.svg" style="width: 50px" /> | ||
</p> | ||
|
||
|