Skip to content

Atualização tech guide mobile #400

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Mar 26, 2025
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 3 additions & 8 deletions _data/cards/pt_BR/android-ia.yaml
Original file line number Diff line number Diff line change
Expand Up @@ -35,11 +35,6 @@ alura-contents:
title: "Formação - Android com IA: criando apps mais inteligentes com o Google ML Kit"
link: https://cursos.alura.com.br/formacao-android-ia-google-ml-kit
- type: COURSE
title: "Jetpack Compose: integrando a API da Open AI no App"
link: https://cursos.alura.com.br/course/jetpack-compose-integrando-api-open-ai-app
- type: COURSE
title: "Curso de Github Copilot e Android Studio: melhorando a produtividade"
link: https://cursos.alura.com.br/course/github-copilot-android-studio-melhorando-produtividade
- type: COURSE
title: "Android e OpenAI: integrando DALL-E, Whisper e GPT para áudios e imagens."
link: https://cursos.alura.com.br/course/android-openai-integrando-ia-aplicativos-moveis
title: "Formação Android: criando apps de forma inovadora com CoPilot, GPT e Gemini"
link: https://cursos.alura.com.br/formacao-android-ia-apps-inovadores-copilot-gpt-gemini

4 changes: 3 additions & 1 deletion _data/cards/pt_BR/flutter-native.yaml
Original file line number Diff line number Diff line change
Expand Up @@ -54,5 +54,7 @@ contents:
title: "Interoperabilidade do C para iOS | Flutter Docs (inglês)"
link: https://docs.flutter.dev/development/platform-integration/ios/c-interop
alura-contents:

- type: COURSE
title: "Formação Flutter: integrando com Recursos Nativos"
link: https://cursos.alura.com.br/formacao-flutter-recursos-nativos

29 changes: 4 additions & 25 deletions _data/cards/pt_BR/ios-architecture.yaml
Original file line number Diff line number Diff line change
Expand Up @@ -25,29 +25,8 @@ contents:
link: https://youtu.be/iI0LabCYZJo
alura-contents:
- type: COURSE
title: "Swift: aplicando o padrão arquitetural MVVM e boas práticas de separação de responsabilidades"
link: https://cursos.alura.com.br/course/swift-padrao-arquitetural-mvvm-separacao-responsabilidades
title: "Formação evolua Apps em SwiftUI: CRUD, MVVM e Autenticação"
link: https://cursos.alura.com.br/formacao-apps-swiftui-crud-mvvm-autenticacao
- type: COURSE
title: "iOS: construindo um app de menu com arquitetura MVVM com ViewCode"
link: https://cursos.alura.com.br/course/ios-construindo-app-menu-arquitetura-mvvm-view-code
- type: COURSE
title: "iOS: utilizando Server Driven UI no aplicativo"
link: https://www.alura.com.br/curso-online-ios-utilizando-server-driven-ui-aplicativo
- type: COURSE
title: "iOS: trabalhando com navegação por deeplink e tratamento de erros"
link: https://www.alura.com.br/curso-online-ios-trabalhando-navegacao-deeplink-tratamento-erros
- type: COURSE
title: "iOS com ViewCode: organize seu código com arquitetura MVP"
link: https://www.alura.com.br/curso-online-ios-viewcode-organize-codigo-arquitetura-mvp
- type: COURSE
title: "iOS: construindo uma lista de tarefas com MVC com View Code"
link: https://cursos.alura.com.br/course/ios-construindo-lista-tarefas-mvc-view-code
- type: COURSE
title: "iOS: construindo um app com arquitetura limpa e VIP com ViewCode"
link: https://cursos.alura.com.br/course/ios-construindo-app-arquitetura-limpa-vip-view-code
- type: COURSE
title: "iOS: praticando clean code, injeção de dependências e orientação a protocolos"
link: https://cursos.alura.com.br/course/ios-clean-code-injecao-dependencias-orientacao-protocolos
- type: COURSE
title: "iOS: escrevendo código de qualidade com SOLID em Swift"
link: https://cursos.alura.com.br/course/ios-escrevendo-codigo-qualidade-solid-swift
title: "iOS com View Code: cursos para aprender clean code e arquitetura de software"
link: https://cursos.alura.com.br/formacao-ios-view-code-clean-code-arquiteturas-software
25 changes: 25 additions & 0 deletions _data/cards/pt_BR/ios-design-system.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@

name: iOS - Design System
logo:
short-description:
key-objectives:
- A Apple oferece ferramentas e recursos para que os aplicativos sigam as melhores práticas de design e interação no iOS.
- Entender as Human Interface Guidelines (HIG) da Apple;
- Criar componentes reutilizáveis e escaláveis para iOS;
- Aplicar o Design System em diferentes dispositivos iOS.

aditional-objectives:
contents:
- type: ARTICLE
title: "Human Interface Guidelines | Apple Developer"
link: https://developer.apple.com/design/human-interface-guidelines/
- type: ARTICLE
title: "Designing for iOS | Apple Developer"
link: https://developer.apple.com/design/
- type: ARTICLE
title: "SwiftUI and Design Systems | Apple Developer"
link: https://developer.apple.com/xcode/swiftui/
alura-contents:
- type: COURSE
title: "Formação iOS com SwiftUI: crie design system para projetos"
link: https://cursos.alura.com.br/formacao-ios-swiftui-crie-design-system-projetos
22 changes: 22 additions & 0 deletions _data/cards/pt_BR/react-native-animations.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
name: React Native - Animações
logo:
short-description:
key-objectives:
- Entender os conceitos básicos de animação no React Native.
- Aprender a utilizar as bibliotecas de animação mais comuns no React Native.
- Integrar animações em componentes e fluxos de navegação.
aditional-objectives:
contents:
- type: SITE
title: "Documentação Oficial do React Native - Animações"
link: https://reactnative.dev/docs/animations
- type: SITE
title: "React Native Animatable - Biblioteca de Animações"
link: https://github.com/oblador/react-native-animatable
- type: SITE
title: "Lottie for React Native - Animações vetoriais"
link: https://docs.lottiefiles.com/guide/react-native
alura-contents:
- type: COURSE
title: "ALURA+: Como utilizar ícones e animações em apps com React Native"
link: https://cursos.alura.com.br/extra/alura-mais/como-utilizar-icones-e-animacoes-em-apps-com-react-native-c1227
27 changes: 27 additions & 0 deletions _data/cards/pt_BR/react-native-architecture.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
name: React Native - Arquitetura
logo:
short-description:
key-objectives:
- Compreender as melhores práticas de arquitetura para criar aplicativos React Native.
- Conhecer os principais padrões de arquitetura no React Native.
- Aprender como organizar pastas e componentes.
aditional-objectives:
contents:
- type: SITE
title: "Documentação oficial do React Native - Arquitetura"
link: https://reactnative.dev/docs/architecture-overview
- type: SITE
title: "Arquitetura 0.76 do React Native - Novidades e Melhoria"
link: https://reactnative.dev/blog/2020/09/23/version-0.76
- type: SITE
title: "React Navigation - Arquitetura de navegação no React Native"
link: https://reactnavigation.org/docs/getting-started
- type: SITE
title: "React Native - Organizando componentes e pastas"
link: https://reactnative.dev/docs/structure
- type: SITE
title: "Padrão MVVM no React Native"
link: https://reactnative.dev/docs/architecture#mvvm-pattern
- type: SITE
title: "React Native - Melhorias de performance com arquitetura"
link: https://reactnative.dev/docs/optimizing-performance
33 changes: 33 additions & 0 deletions _data/cards/pt_BR/react-native-fundamentals.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
name: React Native - Fundamentos
logo:
short-description:
key-objectives:
- React Native é um framework de desenvolvimento de software de código aberto criado pelo Facebook. Ele permite desenvolver aplicativos para Android e iOS usando um único código-fonte.
- No React Native, as interfaces são construídas usando componentes. Esses componentes, como View, Text, Image, Button e TextInput, são responsáveis por definir tanto a aparência quanto o comportamento da sua aplicação. A ideia é simplesmente descrever como a interface deve se comportar de acordo com o estado da aplicação.
aditional-objectives:
contents:
- type: SITE
title: "React Native - Documentação"
link: https://reactnative.dev/
- type: SITE
title: "Expo - Documentação"
link: https://expo.dev/
- type: SITE
title: "React Native - Guia de Introdução"
link: https://reactnative.dev/docs/getting-started
- type: SITE
title: "React Navigation - Navegação no React Native"
link: https://reactnavigation.org/
- type: SITE
title: "React Native Elements - Biblioteca de Componentes"
link: https://reactnativeelements.com/
- type: SITE
title: "React Native Debugger - Ferramenta de Debug"
link: https://github.com/jhen0409/react-native-debugger
- type: SITE
title: "React Native - Uso de Hooks"
link: https://reactnative.dev/docs/hooks
alura-contents:
- type: COURSE
title: "Formação React Native: Desenvolva seu primeiro app"
link: https://cursos.alura.com.br/formacao-react-native-primeiro-app
36 changes: 36 additions & 0 deletions _data/cards/pt_BR/react-native-native.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
name: React Native - Nativo
logo:
short-description:
key-objectives:
- Conhecer as especificidades do desenvolvimento nativo para Android.
- Conhecer as especificidades do desenvolvimento nativo para iOS
aditional-objectives:
contents:
- type: SITE
title: "Documentação Oficial do React Native - Componentes e APIs"
link: https://reactnative.dev/docs/components-and-apis
- type: SITE
title: "Documentação Oficial do React Native - Integração com Android"
link: https://reactnative.dev/docs/integration-with-existing-apps#android
- type: SITE
title: "Documentação Oficial do React Native - Integração com iOS"
link: https://reactnative.dev/docs/integration-with-existing-apps#ios
- type: SITE
title: "Documentação Oficial do React Native - Trabalhando com Native Modules"
link: https://reactnative.dev/docs/native-modules-android
- type: SITE
title: "Documentação Oficial do Expo - Começando com o Expo"
link: https://docs.expo.dev/get-started/installation/
- type: SITE
title: "Documentação Oficial do Expo - API do Expo"
link: https://docs.expo.dev/versions/latest/
- type: SITE
title: "Documentação Oficial do Expo - Desenvolvimento para Android e iOS"
link: https://docs.expo.dev/get-started/installation/#android-and-ios
- type: SITE
title: "Expo Managed Workflow - O que é e como funciona"
link: https://docs.expo.dev/workflow/managed/
alura-contents:
- type: COURSE
title: "Curso React Native: integrando câmera nativa para capturar fotos"
link: https://cursos.alura.com.br/course/react-native-integrando-camera-nativa-capturar-fotos
43 changes: 43 additions & 0 deletions _data/cards/pt_BR/react-native-packages.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
name: React Native - Pacotes Essenciais
logo:
short-description:
key-objectives:
- O React Native permite o uso de pacotes e bibliotecas de terceiros para agilizar o desenvolvimento e adicionar funcionalidades extras aos aplicativos.
- Conhecer e saber utilizar o NPM (Node Package Manager) para gerenciar pacotes.
- Conhecer os principais pacotes do React Native e suas utilidades.
aditional-objectives:
contents:
- type: SITE
title: "Documentação Oficial do React Native - Usando Pacotes"
link: https://reactnative.dev/docs/linking-libraries
- type: SITE
title: "React Native - Pacotes no NPM"
link: https://www.npmjs.com/package/react-native
- type: SITE
title: "React Native - Pacotes Populares"
link: https://github.com/ReactNativeCommunity
- type: SITE
title: "React Native Firebase - Biblioteca para Firebase"
link: https://rnfirebase.io/
- type: SITE
title: "React Navigation - Navegação no React Native"
link: https://reactnavigation.org/
- type: SITE
title: "React Native Paper - Componentes UI"
link: https://callstack.github.io/react-native-paper/
- type: SITE
title: "Axios - Biblioteca para requisições HTTP"
link: https://axios-http.com/
- type: YOUTUBE
title: "React Native: 10 Essential Libraries for Developers"
link: https://youtu.be/2EJkEzV0FJ8
- type: ARTICLE
title: "Bibliotecas essenciais para o desenvolvimento com React Native"
link: https://blog.codemagic.io/essential-libraries-for-react-native-developers/
- type: ARTICLE
title: "Principais Pacotes para React Native"
link: https://medium.com/@newtonstechblog/most-popular-react-native-libraries-9cc62b8f5e4b
alura-contents:
- type: COURSE
title: "Formação React Native: Desenvolva seu primeiro app"
link: https://cursos.alura.com.br/formacao-react-native-primeiro-app
36 changes: 36 additions & 0 deletions _data/cards/pt_BR/react-native-testing.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
name: React Native - Testes
logo:
short-description:
key-objectives:
- Aprender as melhores práticas de testes em React Native.
- Conhecer as ferramentas e bibliotecas de testes para React Native, como Jest e React Native Testing Library.
- Aprender a escrever testes unitários, de integração e de interface de usuário para garantir a qualidade do código.
aditional-objectives:
contents:
- type: SITE
title: "Documentação Oficial do React Native - Testes"
link: https://reactnative.dev/docs/testing-overview
- type: SITE
title: "Jest - Framework de Testes para JavaScript"
link: https://jestjs.io/
- type: SITE
title: "React Native Testing Library - Testes de UI"
link: https://testing-library.com/docs/react-native-testing-library/intro/
- type: SITE
title: "Enzyme - Testes para React Native"
link: https://airbnb.io/enzyme/
- type: SITE
title: "Mocking em Jest - Documentação"
link: https://jestjs.io/docs/mock-functions
- type: SITE
title: "Detox - Testes End-to-End para React Native"
link: https://wix.github.io/Detox/
- type: YOUTUBE
title: "React Native Testing Tutorial | Jest and React Native Testing Library"
link: https://youtu.be/RX61r8u1fMc
- type: ARTICLE
title: "Testando Aplicações React Native com Jest"
link: https://www.toptal.com/react-native/react-native-testing-jest
- type: ARTICLE
title: "Testes End-to-End com Detox no React Native"
link: https://www.smashingmagazine.com/2020/04/detox-end-to-end-testing-react-native/
2 changes: 2 additions & 0 deletions _data/guides/pt_BR/ios.yaml
Original file line number Diff line number Diff line change
Expand Up @@ -46,6 +46,8 @@ expertise:
cards:
- ios-architecture:
priority: 10
- ios-design-system:
priority: 9
- ios-dependency-injection:
priority: 9
- ios-animations:
Expand Down
85 changes: 85 additions & 0 deletions _data/guides/pt_BR/react-native.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,85 @@
name: React Native
tags:
- mobile
expertise:
- name: React Native Jr
cards:
- html-fundamentals:
priority: 8
- css-fundamentals:
priority: 8
- javascript-fundamentals:
priority: 10
- dom-fundamentals:
priority: 10
- spa-concepts:
priority: 9
- react-components:
priority: 9
- react-props:
priority: 9
- react-hooks-state:
priority: 9
- create-react-app:
priority: 7
- react-hooks-effect:
priority: 9
- name: React Native Mid
cards:
- react-native-fundamentals:
priority: 10
- react-native-packages:
priority: 8
- react-native-testing:
priority: 8
- name: React Native in depth
cards:
- react-native-native:
priority: 9
- react-native-animations:
priority: 7
- react-native-architecture:
priority: 9
collaboration:
- name: Infraestrutura e Back-end
cards:
- git-and-github-fundamentals:
priority: 10
- http-fundamentals:
priority: 10
- json:
priority: 8
- design-patterns:
priority: 7
- command-line-fundamentals:
priority: 7
- cloud-fundamentals:
priority: 6
optional: true
- solid:
priority: 6
- clean-architecture:
priority: 6
# - devops:
# priority: 6
# optional: true
# - ci-cd:
# priority: 6
# optional: true
- firebase:
priority: 7
- name: UX e Design
cards:
- design-system:
priority: 6
- figma-fundamentals:
priority: 7
- design-components:
priority: 6
- color-systems:
priority: 7
- how-to-use-fonts:
priority: 7
- responsive-design:
priority: 5
video: https://www.youtube.com/watch?v=O6TnaSkSC48
Loading
Loading