[Conteúdo] 📕 Transformando Conhecimento em Ação: 3 Projetos que Desenvolvi no meu Curso Técnico em Informática (2021-2023) 🖥
Em 2023, me formei como técnica de informatica no curso integrado ao ensino médio no IFSC. Nessa jornada, realizei diversos trabalhos para aumentar meus conhecimentos na área.
Obviamente, como eu estava em um processo de aprendizagem, esses projetos não são tecnicamente os melhores, mas são interessantes e divertidos de se apresentar, principalmente para as pessoas que desejarem ingressar em cursos semelhantes, para possuírem uma ideia do que estudarão.
Portfólio Fictício
Na disciplina de programação web, o professor pediu para criar uma paǵina na temática que quiser e demonstrar a utilização de um código JavaScript, podendo inclusive ser bibliotecas de terceiros.
Podíamos escolher dentre essas aplicações:
- Galeria de fotos
- Carrosel
- Sistemas de modal
- Aplicações em formulaŕios (validação, animação, dados personalizados)
- Editor WYSIWYG
- Efeitos de animação (interface, textos, logos, elementos, imagens,etc)
- canvas
- (duplas) sockets (aplicações multiusuário)
- (duplas) leitura de apis públicas de terceiros, Ex: via cep
- (duplas) construção dinamica de forms (selects), Ex: escoher cidade e mostrar um select com os bairros daquela cidade
- Menus interativos
- Sistemas de pop-up e alertas que podem ser fechados
- Tabelas dinâmicas que podem ser paginadas e organizadas por coluna
- Data tables js
- Integração de comentários utilizando redes sociais
- Draggable - elementos que podem ser arrastados de um lugar para outro, Ex: colocar um item dentro de uma div
Eu escolhi os efeitos animados, sistemas de modal e menu interativo, e, portanto, decidi criar um portfólio fictício de uma UI designer.
A ideia era, defitivamente, não ser um portfólio para contratantes visualizarem (vocês logo entenderão), mas para divertir o usuário.
Com JavaScript puro, criei uma animação para o texto aparecer lentamente quando clicasse no item "jornada" do nav.
Mas a função que considero a mais interessante é a do item "projeto" no nav. Quando clica, aparece um número sendo aleatorizado diversas vezes, que vai diminuindo a frequência (vocês verão o vídeo para compreender melhor), até parar em um número que é de algum projeto, na qual fará ser aberto em outra aba.
Acesse o Repositório e o Vercel
ChaThi
Criado em equipe, trabalhamos neste projeto para aprendermos sobre conexão assíncrona com JavaScript e PHP.
O projeto era um site de conversa. O principal que deveria ter é realizar a conexão com o banco de dados SQL para armazenar as mensagens digitadas pelo usuário e exibir para outras pessoas com JavaScript.
Fizemos outras funções também, como grupos de conversa, cores nas mensagens e avatares.
O interessante para otimizarmos é que criamos uma tabela, já que a aplicação era simples. Essas funções extras são armazenadas como atributos das mensagens.
Além disso, utilizamos o Bootstrap para estilização e o Figma para criar os designs.
Acesse o Repositório
Sistema de Transportadora
Saindo um pouco da programação web, no segundo ano (então me perdoem pela qualidade do código rsrsrs), criei em conjunto com uma colega um software em python em POO para uma sistema de transportadora fictícia, na disciplina de engenharia de software.
Além de criar o próprio código e aprender sobre a linguagem, estabelecemos toda a estrutura da plataforma, como entrevistas fictícias, diagramas, personas, entre outros objetos de estudo.
Não chegamos a desenvolver uma interface para a aplicação, funcionando inteiramente no terminal.
Eu coloquei os dois projetos extras (os melhores) no meu LinkedIn. Dê uma olhada!
Parte 1
Parte 2
