Skip to content

Esse repositório armazena desafios de desenvolvimento web, mais especificamente usando tecnologias do front-end (HTML, CSS e JS)

Notifications You must be signed in to change notification settings

ComputerScienceMaster/Desafios-de-Front-end

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 

Repository files navigation

💻 Desafios de Front-End

👋 Olá! Bem-vindos repositório de desafios do Front-End!

Se você busca desafios para praticar seus conhecimentos na área do desenvolvimento web e principalmente sobre as tecnologias do Front-end, você acaba de entrar no repositório certo!

Nosso objetivo aqui é propor desafios que são:

  1. para todos os níveis de dev (do iniciante ao avançado)
  2. totalmente gratuitos
  3. bem documentados e com qualidade
  4. alinhado com as tecnologias utilizadas atualmente no mercado

Meu princial objetivo nesse repositório é criar meios para que você possa praticar o uso das tecnologias que você vai usar em seu dia a dia como dev. Sendo assim, construimos desafios que são baseados em casos fictícios, mas que refletem a realidade.

Vale lembrar que também buscamos que os desafios sejam progressivos, isso significa que se você começou agora no mundo da programação você também poderá aproveitar os desafios desse repositório. Mas lembre-se com recursos limitados a quantidade de possíveis desafios também fica restringida, sendo assim, sempre estude para aumentar o seu arcabouço de conhecimento sobre tecnologias web e volte sempre aqui para reolver nossos novos desafios.

⚙️Tecnologias usadas

Nesse repositório vamos utilizar tecnologias para desenvolvimento web, são elas:

  • HTML5¹
  • CSS3¹
  • JAVASCRIPT²

Pré-processadores

  • SASS²

Frameworks:

  • REACTJS²
  • NODEJS²

Components:

  • StyledComponents²
  • MaterialUi²

Notas: ¹ → Em desenvolvimento | ² → disponível em breve

📄 Formato

Para você compreender como funciona o desafio, vamos fixar aqui como funciona nosso formato pardrão. Assim, você poderá ter certeza do que você irá encontrar em cada desafio e também onde encontrar os recursos que você precisa.

  1. Os desafios estão em pastas de acordo com as tecnologias utilizadas.

No diretório principal você vai encontrar a tecnologia:

  • 📁 HTML
  • 📁 CSS
  • 📁 Javascript
  • 📁 ...

Dentro de cada um você encontra desafios:

Por exemplo:

  • 📂 criando_uma_rede_social
  1. Os desafios possuem um briefing detalhado, ou seja, uma explicação que mostra exatamente o que precisa ser feito em cada desafio. Essa explicação inclui fotos, trechos de código, exemplos de input e output dentre outras explicações importantes para que todos consigam entender e executar o desafio.
  2. Os desafios podem conter restrições rígidas para que você possa praticar algum conceito ou tecnologia. Por exemplo, podemos fazer o posicionamento de imagens usando flexbox, porém, também é possível fazer o mesmo usando outras formas de posicionamento, assim, quando existe uma restrição busque obedecer 100% dessa restrição para que o exercícío seja feito da maneira correta.
  3. Resolva do seu jeito! é claro que vamos tentar deixar todas as respostas aqui no nosso repositório, mas é importantíssimo que você só consulte as soluções em último caso. Sendo assim, coloque sua lógica para funcionar, teste, refatore, busque novas formas de fazer o mesmo exercício, mas lembre-se faça do seu jeito!

🏠 Resolvendo e compartilhando

Esses exercícios foram pensados para serem resolvidos e compartilhados!

✨ Isso permite que seu conhecimento chegue a mais pessoas e também torna nossa comunidade mais forte.

Ao compartilhar, você:

  1. Mostra para as pessoas o seu trabalho e como você resolve problemas
  2. Ajuda aqueles que estão na mesma área a encontrar formas diferentes (possivelmente melhores) de se resolver problemas
  3. Torna as comunidades que trabalham para disponibilizar conteúdo gratuito (como nós) mais fortes

Enfim, compartilhe no seu LinkedIn, instagram, facebook, github, ou seja, onde você quiser!

Lembra de marcar a gente para podermos acompanhar o que você fez, vamos adorar isso!

Licença

License: CC BY-SA 4.0

Esse trabalho está sob a licença creative commons e gostaria de explicar um pouquinho sobre o que isso significa. Bom primeiramente significa que você pode usar (até mesmo comercialmente), distribuir, remixar, modificar esse trabalho porém existem algumas regrinhas bem simples.

  1. Quando você for fazer isso, você deve dar crédito explícito ao autor (ComputerScienceMaster) ao distribuir o software.
  2. Se você está criando seu produto ou então desafios com base nos meus, os direitos autorais originais devem ser mantidos (você deve distribuir sobre a mesma licença ou alguma compatível).
  3. Você deve também colocar um aviso de quais partes significantes foram alteradas

Vale lembrar que caso você esteja utilizando o material de boa fé, com fins educacionais e buscando fortalecer o senso de comunidade e compartilhamento de conhecimento fique tranquilo! nenhum problema, compartilhe, use, adapte faça o que desejar para fortalecer nossa comunidade!