🇧🇷 Seguindo o tutorial do Angular v17 em criar um app simples. Porém, eu modifiquei bastante coisa, principalmente visualmente.
🇺🇸 This is just a step by step recreation of Angular's tutorial on creating a simple app. However, I modified a bunch of things, mainly visually.
🇧🇷 A última lição se tratava de implementar um servidor e fazer o request invés de puxar diretamente do front-end. Além disso, inseri uma barra de pesquisa de herói na tela inicial.
🇺🇸 The last lesson was about implementing a server and making the request instead of fetching directly from the front end. Additionally, I added a hero search bar on the main screen.
🇧🇷 A mudança de tema é salva no local storage.
🇺🇸 Theme changes are saved in local storage.
🇧🇷 Finalmente entendi como criar paletas de cor em um tema customizado do Angular Material. Apliquei cores custom no projeto.
🇺🇸 Finally, I understood how to create color palettes in a custom Angular Material theme. I applied custom colors to the project.
🇧🇷 Gastei o sábado inteiro trabalhando nesse carrossel. Acho que valeu a pena, estou contente com os resultados.
🇺🇸 Spent this entire saturday working in this carousel. I guess it was worth it, I'm very happy with the results.
🇧🇷 Mesmo que esta lição seja sobre serviços, decidi melhorar um pouco a aparência visual das coisas. 🇺🇸 Even though this lesson is about services, I've decided to improve the visual of things a bit.
🇧🇷 Esta lição apenas separa os componentes, então não há diferença visual. O componente Heroes foi dividido em Heroes e HeroDetail.
🇺🇸 This lesson just separates components, so no visual difference. Heroes component was divided into Heroes and HeroDetail.
🇧🇷 Nesta lição, eu já implementei o Bootstrap para ajudar com o design responsivo, e em vez de usar uma lista, optei por usar um select, pois achei mais agradável.
🇺🇸 In this lesson I already implemented Bootstrap to help with the responsive design, and instead of using a list I opted for using a select, since I find it more pleasing.
Execute ng serve
para iniciar o servidor de desenvolvimento. Navegue até http://localhost:4200/
. A aplicação será recarregada automaticamente se você modificar qualquer um dos arquivos de origem.
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The application will automatically reload if you change any of the source files.
Execute ng build para compilar o projeto. Os artefatos de compilação serão armazenados no diretório dist/.
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory.