Links do professor Ralf no drive
"Passando para compartilhar o material de Git e GitHub, lembrando que amanhã farei uma demonstração de envio e atualização de arquivos no decorrer da aula.
Link: https://drive.google.com/drive/folders/1s9dbEzTm-4x-YWke1_d12O5QwamoG03Q?usp=sharing
São quatro vídeos separados da seguinte maneira:
1° Conceitos, histórico e vantagens do Git e GitHub;
2° Instalação do Git, configuração do GitHub e envio de arquivos;
3° Atualizando projetos no GitHub;
4° Obtendo arquivos do GitHub;
Além dos quatro vídeos, deixei os slides utilizados na aulas. Quem preferir acompanhar através dos slides, fique à vontade."
Link enviado pelo professor Ralf , como haviam pedido no grupo
Em resposta aanakarolina⬆:Karine Barbosa Farias @KarineBFTer tudo em um só lugar ajuda muito. Obrigada ;)
- TEm resposta aanakarolina⬆:Tahene Carvalho @tahene
Muito bom, mais fácil achar!
Em resposta aanakarolina⬆:Grazielly Cunha @graziellyacOi Ana, muito obrigada por disponibilizar todo conteúdo em um lugar só : )
Em resposta aanakarolina⬆:Ana Karolina Souza @anakarolina"Abaixo segue o link contendo todas as atividades desenvolvidas na aula de hoje:
https://drive.google.com/drive/folders/1EOqVf5WPOC2D96TFl1iLXnvaXZppMY7Y?usp=drive_link
Também deixo alguns sites para estudos (HTML, CSS e JavaScript):"
https://www.w3schools.com/
https://www.tutorialspoint.com/index.htm
https://tutorialehtml.com/pt/html-guia-completo-tutorial-html/
http://html.net/Conceitos abordados na aula de hoje:
HTML
Linguagem de marcação para criar estruturas web, exemplo: textos
imagens, tabelas, formulários, links, etc...CSS
Linguagem de estilos, podemos alterar características da
linguagem HTML, como por exemplo: fontes, cores, bordas...JavaScript
É uma linguagem de programação. Nessa etapa o foco do JavaScript será trabalhar com interações como: ao digitar, ao clicar, passar o cursor sobre algum elemento...
Em resposta aanakarolina⬆:Ana Karolina Souza @anakarolinaO link do canal dele no youtube: https://www.youtube.com/ralflima
Em resposta aanakarolina⬆:Ana Karolina Souza @anakarolina"Segue o link pessoal, tem todas as atividades das aulas de HTML, CSS e JavaScript:" https://drive.google.com/drive/folders/1EOqVf5WPOC2D96TFl1iLXnvaXZppMY7Y?usp=sharing
Em resposta aanakarolina⬆:Ana Karolina Souza @anakarolina"Segue o link contendo todas as atividades desenvolvidas na aula de hoje:" https://drive.google.com/drive/folders/1HNlljRLlM4OfXyjT6REgRyy7x7o_jAN1?usp=sharing
Em resposta aanakarolina⬆:Ana Karolina Souza @anakarolina"Boa noite, segue alguns links importantes:"
Exemplos da aula de hoje
https://drive.google.com/drive/folders/1gNWTYRAG7Qf3pfsmzbDshZ7-cKnOK1im?usp=sharingConteúdos de lógica e algoritmos (PDF)
https://dicasdeprogramacao.com.br/download/ebook-logica-de-programacao-para-iniciantes.pdf
https://cafe.algaworks.com/livro-logica-de-programacao/
https://fateczlads.files.wordpress.com/2014/01/livro-lc3b3gica-de-programac3a7c3a3o-andrc3a9-luiz-villar-forbellone-e-henri-frederico-eberspc3a4cher.pdf
Em resposta aanakarolina⬆:Ana Karolina Souza @anakarolina"Segue o link com todos os exemplos feitos na aula de hoje: https://drive.google.com/drive/folders/1sxhBz3lMgGWCMx6epNTYWXfPVX00rH8u?usp=sharing
Quarta-feira finalizamos os conceitos básicos de lógica e algoritmos e vamos utilizar o Beecrowd."
Em resposta aanakarolina⬆:Ana Karolina Souza @anakarolina"Boa noite pessoal, segue abaixo os seguintes materiais:
Slides da aula de introdução à computação
https://docs.google.com/presentation/d/19WaCgU_4TDgJcZ4I0o-EehiOAebN5VnYxQ3TOMaVz4A/edit?usp=sharingVídeo como baixar e instalar o Visual Studio Code
https://drive.google.com/file/d/1bojEfKxRQdBaSYVLAeuF86_xKKhw1_ZQ/view?usp=sharingLink para baixar o Visual Studio Code
https://code.visualstudio.com/Na segunda-feira iremos começar o módulo de lógica e algoritmos, tenham todas o Visual Studio Code instalado, tendo problemas é só enviar mensagem aqui no grupo."
Em resposta aanakarolina⬆:Ana Karolina Souza @anakarolina"Como combinado, segue abaixo alguns links:
Meu GitHub com todos os projetos desenvolvidos: https://github.com/ralfslima/todas_tech
Documentação do flexbox: https://origamid.com/projetos/flexbox-guia-completo/
Jogo para aprender a utilizar o display flex: https://flexboxfroggy.com
Minhas aulas de Design Responsivo": https://www.youtube.com/watch?v=fcTJZxUdkJU&list=PLWXw8Gu52TRJh4j56i3Oii0_Jz-Xftk_W
Links da aula de hoje, 05/07/23.
Em resposta aanakarolina⬆:Ana Karolina Souza @anakarolinaAula do dia 10/07
Conceitos sobre API
https://www.redhat.com/pt-br/topics/api/what-are-application-programming-interfaces
https://tecnoblog.net/responde/o-que-e-uma-api-guia-para-iniciantes/
https://www.mulesoft.com/pt/resources/api/what-is-an-apiSoftwares para realizar testes em APIs
https://www.postman.com
https://insomnia.rest/download
https://www.thunderclient.com
Em resposta aanakarolina⬆:lira gabriella soares nunes @liraincrível, vai facilitar mais. :)
Em resposta aanakarolina⬆:Ana Karolina Souza @anakarolina" Gostaria de compartilhar com vocês um vídeo mostrando a instalação do Flutter.
Vídeo
https://drive.google.com/file/d/1kEG86qf0PDKb4kL8x2_qsOBVZQdOvBMR/view?usp=drive_linkLinks importantes
Instalador do DART (caso alguém não tenha instalado ainda): https://gekorm.com/dart-windows/Google Chrome: https://www.google.pt/intl/pt-PT/chrome
Flutter: https://docs.flutter.dev/get-started/install
Algumas dúvidas que imagino que vocês possam ter:
1° O navegador precisar ser o Google Chrome?
R: Sim, vocês precisam ter o Google Chrome instalado.2° Preciso instalar mais alguma coisa, além dos links passados?
R: Não, em alguns tutoriais é pedido para instalar o Android Studio, nesse momento vocês não precisam se preocupar com isso.3° Qual a melhor maneira de extrair os arquivos do Flutter?
R: O Flutter não possui instalador, apenas arquivos compactados (zip). Extraiam esses arquivos em qualquer local do seu computador, no site oficial pede que não seja dentro da pasta Arquivos de Programas, aconselho extrair direto no diretório C:/.No vídeo explico detalhadamente cada passo da instalação."
Em resposta aanakarolina⬆:Ana Karolina Souza @anakarolinaAula 12/07
" Segue o link do meu GitHub, contendo todas as atividades realizadas na aula de hoje e também aquele exemplo ensinando como exibir uma imagem a partir de um objeto: https://github.com/ralfslima/todas_tech/tree/main/HTML%2C CSS e JS/aula06Links úteis
Async/Await
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function
- https://www.w3schools.com/js/js_async.asp
-
https://www.treinaweb.com.br/blog/usando-o-async-await-do-javascript
Promises
- https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Promise
- https://www.devmedia.com.br/javascript-promise/41205
- https://blog.matheuscastiglioni.com.br/trabalhando-com-promises-em-javascript/
PHP
Ana Karolina Souza @anakarolina"Na próxima semana vamos iniciar com o módulo de DART, serão quatro aulas, quem quiser adiantar e estudar um pouco sobre a tecnologia, segue alguns links:
Esses estudos são opcionais, pois irei passar toda a parte básica já na primeira aula, como: variáveis, funções, condicionais, laços, etc…"
Em resposta aanakarolina⬆:Ana Karolina Souza @anakarolina"Como mencionado, deixo algumas atividades de orientação a objetos para quem quiser praticar os conceitos vistos na aula de hoje:
1º Criar uma classe chamada Cálculo, contendo dois atributos do tipo int, um construtor para inicializar os atributos e um método para executar a seguinte verificação: Se os valores forem iguais, retorne a soma, caso contrário, retorne a multiplicação.
2º Criar uma classe chamada Moeda, nela haverá três atributos, sendo eles: valor, moeda_local e moeda_convertida. Haverá um construtor para inicializar os atributos e um método para retornar o valor da moeda convertida.
Quando for instanciar, ficará algo assim: Moeda m = new Moeda(500, "real", "dólar"); Nesse caso, deverá retornar US100,00, pois estou querendo converter 500 reais em dólares.
3º Criar uma classe chamada Palavra, essa classe terá um construtor que irá inicializar apenas um atributo chamado termo, depois da instância, haverá os seguintes métodos públicos para realizar as seguintes ações:
- Contador vogais - Retorne a quantidade de vogais;
- Contador consoantes - Retorne a quantidade de consoantes;
- Contador letras - Retorne a quantidade de letras;
Exemplo:
Palavra p = new Palavra("Tecnologia");
p.contadorLetras(); // Irá retornar 10 caracteres"
Em resposta aanakarolina⬆:Ana Karolina Souza @anakarolina"Boa tarde meninas,
No meu Google Drive (https://drive.google.com/drive/folders/1pgqNafCICBTXX0NUn8raPQXw3Mxk05dp?usp=share_link), disponibilizei um arquivo chamado: Flutter - Widgets mais utilizados, são os 20 componentes mais utilizados pra quem trabalha com o Flutter.
Estudem atentamente cada um deles, deixei um breve descritivo e o link do material oficial que explica e detalhes o componente e dispõe de pelo menos um exemplo.
Outra coisa importante! Fiz algumas modificações no projeto de ontem, acabei deixando ele um pouco mais compacto, removi aquela lista chamada registros, assim a listagem é feita dinamicamente via FutureBuilder.Depois verifiquem por favor: https://github.com/ralfslima/todas_tech/tree/main/Flutter "
- NEm resposta aanakarolina⬆:Nubia Gonçalves Tirabassi @NubiaSantos
Muito obrigada por centralizar em um local só, Ana!!
- Progress
Ana Karolina Souza @anakarolina"Instalação do DART, vocês tem duas alternativas:
1º alternativa:
- Acessar o site: https://gekorm.com/dart-windows/
- Clique no primeiro link: GET DART (64-BIT WINDOWS, STABLE)
- A instalação é só clicar nos botões install, next e finish, não precisa fazer mais nada.
2º Alternativa:
- Instalar o chocolatey: https://chocolatey.org
- Em seguida abra o terminal e digite o comando: choco install dart-sdk
Link oficial desses passos que descrevi: https://dart.dev/get-dart
Pronto, vocês terão o DART instalado, para garantir que está tudo ok, façam o seguinte:
1º Abra o terminal/prompt de comando;
2º Digite: dart --versionSe aparecer a versão, quer dizer que a instalação foi concluída.
Quem tiver problemas com a instalação, favor assistir esse vídeo: https://www.youtube.com/watch?v=imLdYYTvNCs"
Ana Karolina Souza @anakarolinaAtividades Flutter
1º Criar um sistema, onde o cliente informa um nome, ao clicar no botão, concatene o nome com uma palavra ou frase, exemplo: Boa noite Ralf
2º Criar um sistema, onde sejam informadas duas notas. Ao clicar no botão, exiba a média e a situação do aluno, dependendo da situação, o texto deverá estar em uma cor especifica:
7 até 10 - Aprovado(a), exibir na cor verde.
5 a 6.9 - Em exame, exibir na cor amarela.
Abaixo de 5 - Reprovado(a), exibir na cor vermelha.3º Criar um conversor de valores, informe o valor em real e crie três botões para converter os valores. As conversões serão: Real para Dólar, Real para Euro e Real para Peso Argentino.
4º O cliente informa três números, ao clicar no botão, retorne o menor número informado.
Ana Karolina Souza @anakarolinaGostaria de compartilhar com vocês um vídeo mostrando a instalação do Flutter.
Vídeo
https://drive.google.com/file/d/1kEG86qf0PDKb4kL8x2_qsOBVZQdOvBMR/view?usp=drive_linkLinks importantes
Instalador do DART (caso alguém não tenha instalado ainda): https://gekorm.com/dart-windows/Google Chrome: https://www.google.pt/intl/pt-PT/chrome
Flutter: https://docs.flutter.dev/get-started/install
Algumas dúvidas que imagino que vocês possam ter:
1° O navegador precisar ser o Google Chrome?
R: Sim, vocês precisam ter o Google Chrome instalado.2° Preciso instalar mais alguma coisa, além dos links passados?
R: Não, em alguns tutoriais é pedido para instalar o Android Studio, nesse momento vocês não precisam se preocupar com isso.3° Qual a melhor maneira de extrair os arquivos do Flutter?
R: O Flutter não possui instalador, apenas arquivos compactados (zip). Extraiam esses arquivos em qualquer local do seu computador, no site oficial pede que não seja dentro da pasta Arquivos de Programas, aconselho extrair direto no diretório C:/.No vídeo explico detalhadamente cada passo da instalação.



