Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tgentil/aprendendo-ingles-projeto-angular
https://github.com/tgentil/aprendendo-ingles-projeto-angular
Last synced: 26 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/tgentil/aprendendo-ingles-projeto-angular
- Owner: Tgentil
- Created: 2023-07-12T13:43:51.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-07-12T20:54:24.000Z (over 1 year ago)
- Last Synced: 2023-07-12T21:34:18.124Z (over 1 year ago)
- Language: TypeScript
- Size: 189 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Jogo de Aprendizado de Inglês
[](https://github.com/Tgentil)
[](http://app1-teste-publicacao-primeiro-bucket-1105.s3-website-sa-east-1.amazonaws.com/)
[](https://www.udemy.com/course/curso-de-desenvolvimento-web-com-es6-typescript-e-angular-4/)
[](https://jorgesantana.net.br/)
Este projeto é um site de aprendizado de inglês, onde os usuários precisam acertar as traduções das frases para avançar para o próximo nível. Ele foi desenvolvido a partir do projeto "app1" do curso "Desenvolvimento Web com JavaScript, TypeScript e Angular" ministrado por Jorge Santana.
## Visão Geral do Projeto
O site foi desenvolvido do zero utilizando Angular e implantado na AWS. Durante o projeto, diversos conceitos e técnicas foram aprendidos e aplicados, incluindo:
- Integração do Bootstrap em uma aplicação Angular
- Criação de template Angular
- Criação de módulos Angular
- Criação e integração de diversos componentes Angular
- Data binding (one-way binding, two-way binding, property binding, string interpolation)
- Diretivas Angular
- Deploy e compilação de aplicações Angular
- Deploy local usando http-server e XAMPP
- Criação de buckets na AWS
- Deploy na AWS usando o S3
## Mudanças Realizadas
Foram feitas várias mudanças no projeto original, incluindo:
- Atualização de linguagens, ferramentas e frameworks para suas versões mais recentes
- Pequenos ajustes de código devido a depreciação de versões antigas
- Adição de um botão e link para o GitHub na barra de navegação
- Exibição da porcentagem de progresso dentro da barra de progresso
- Adição de 100 níveis diferentes
- Adição de um botão de dica
- Modificação do layout do indicador de vidas
- Adição de duas vidas extras
- Pequenos aprimoramentos no CSS
- Utilização do pacote angular-http-server para deploy em vez de http-server devido a problemas de compatibilidade
## Links do Projeto
- Site: [Aprender Inglês](http://app1-teste-publicacao-primeiro-bucket-1105.s3-website-sa-east-1.amazonaws.com/)
- Curso: [Desenvolvimento Web com JavaScript, TypeScript e Angular](https://www.udemy.com/course/curso-de-desenvolvimento-web-com-es6-typescript-e-angular-4/)
- Instrutor: [Jorge Santana](https://jorgesantana.net.br/)