Tudo certo Jovem?

"# Angular Crud ‼ Without backend. This repo is for study only. The project is a product registration platform. ## Topics in this study Backend - [x] Json-server Frontend - [x] Angular CLI - [x] Components - [x] Angular/material - [x] Elements - [x] Directives - [x] Bindings - [x] Bindings ## To start ### Create a new backend directory This project need a backend with json-server: npm install -g json-server run: npm install && npm start - 🤝 Fork this repo for study and contibute it. - :star: Leave your star in this repo. "

"# app-desktop-electronjs Criação de app desktop executável usando Electron.js (nesse exemplo desenvolvi um conversor de moeda simples, as instruções para a criação do app encontram-se no arquivo "instruções" em PDF. Clique aqui para ver o projeto funcionando Created By ®Diana Martine™ "

"# ArticulAction Criação de app a partir do NLW4 da RocketSeat ## Descrição A app consiste em um aplicativo que usa da técnica pomodoro para criar ciclos de produtividade, além de oferecer desafios ao usuário para que o mesmo avance de level no decorrer do seu desenvolvimento ## Ferramentas & Linguagens             ### Imagens e Link da app Ícone ArticulAction App rodando Clique aqui para ver o projeto funcionando ### Diana Martine on social media: By ®Diana Martine™ "

"# Books-of-refactored "

"# Books of... ## Tema O projeto consiste numa single page application(SPA) web, criada em react. Consumindo uma API do Google Books, a app renderiza cards com as categorias: 1. Livros encontrados. 2. Autores relacionados. 3. Capas. Obs.: Todos os itens são links externos para determinada categoria. A ideia surge da minha paixão por livros e conhecimento. Às vezes gostamos tanto de um livro ou pessoa autora que queremos mais dos mesmos, uma tarefa difícil encontrar “conteúdo de” e “relacionado com”, a proposta da app é facilitar essa busca. ## Tecnologias ● HTML ● CSS ● JavaScript ● React && React Hooks ● Axios ● Npm . "

"# CarouselImdbDio This project was generated with Angular CLI version 13.2.6. ## Development server Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files. ## Code scaffolding Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module. ## Build Run ng build to build the project. The build artifacts will be stored in the dist/ directory. ## Running unit tests Run ng test to execute the unit tests via Karma. ## Running end-to-end tests Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities. ## Further help To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page. "

"# Consuming-rest Consuming a rest serice with spring-boot-initializr ## Fetching a REST Resource With project setup complete, you can create a simple application that consumes a RESTful service. ### The response message is: 2021-10-21 20:22:51.991 INFO 9736 --- [ main] c.e.c.ConsumingRestApplication : Quote{typesuccess', value=Value{id2, quote='With Boot you deploy everywhere you can find a JVM basically.'}} ## What You Need - About 15 minutes - A favorite text editor or IDE - JDK 1.8 or later - Gradle 4+ or Maven 3.2+ ## See you soon - 🤝 Fork this repo for study and contribute it. - ⭐ Leave your star in this repo "

"# css-grid-alura # CSS-GRID This is a repository of the Alura class, to enhance my knowledge in css grid layout and responsive site. Technologies: - HTML - CSS "

"# css-text-challenges Desafio de css - animação com textos ### day #1 - Neon Lights Link Neon Lights in Codepen.io ### day #2 - Rainbow Super Mario Link Rainbow Super Mario in Codepen.io ### day #3 - Text Glow Red Link Text Glow Red in Codepen.io ### day #4 - TransDev CSS Animation Link TransDev CSS Animation in Codepen.io "

"# Curso de sintaxe básica em JavaScript 📋Plano de aulas Aula 1 - O que danado é JavaScript? script.js ✅ Referências Links glossário o que é o javascript pdf de instalação e configuração de ambiente primeiro script Andamento da aula 📔História Como surgiu? Pra quê serve? Onde usar? 🖥️Configurando e desenvolvendo Instalando o VSCode Instalando a extensão Live Server Desenvolvendo o primero código ✅Boas Práticas Externar o arquivo JS Importar ao final do HTML Aula 2 - Entendendo variáveis e seus valores var, let & const ✅ Referências Links tipagem dinâmica variáveis atribuição. comparação e comparação identica operadores Andamento da aula 📦Variáveis Como funciona a tipagem em JS? Declaração de variáveis Tipos primitivos Tipos de variáveis Escopo - https://imasters.com.br/desenvolvimento/escopos-em-javascript Diferenças entre atribuição, comparação e comparação idêntica Operadores aritméticos e lógicos ✅Boas Práticas Regras de declaração de variáveis - camelCase - https://www.w3schools.com/js/js_conventions.asp Aula 3 - Vetores e objetos [array] {object} ✅ Referências Links Arrays Objetos Desestruturação Andamento da aula Vetores O que são vetores ou arrays? Manipulando arrays Objetos O que são objetos? Desestruturando Objetos Aula 4 - Estruturas condicionais if && else... ✅ Referências Links estruturas condicionais laços de repetição Andamento da aula Estruturas condicionais Decisão Repetição Aula 5 – Funções e suas particularidades function(){} ✅ Referências Links funções Andamento da aula Funções Como declarar? Função com parâmetro Aula 6 – Aprofundando em funções () => {} ✅ Referências Links tipos de função calculadora Andamento da aula Tipos de função Declaração Expressão Função anônima Funções aritméticas Criando calculadora # Sobre a autora: Programadora e desenvolvedora Front-end certificada pelo programa de capacitação TRANS.FORMA ofertado pelo Porto Digital. Estudante de Psicologia (UNISÃOMIGUEL) e Análise e Desenvolvimento de Sistemas (UNINABUCO). Musicista profissional, violonista, multi-instrumentista. Caso esse repositório tenha te ajudado com seus estudos de alguma forma: - 🤝 Fork este repositório para estudo e contribua com o conhecimento. - ⭐ deixe sua estrela neste repositório. "

"# desenhando-svg Site interativo com HTML5, CSS3 e JavaScript. Descrição: O site consiste em uma página HTML com imagens em SVG e animações em CSS usando @keyframes, para dar um efeito de desenho, além da implementação de um modo noturno através de JavaScript. Clique aqui para ver o projeto funcionando Created By ®Diana Martine™ "

"# diana-martine-reprograma-challenge page de portfólio. Click here to open page "

" # Hi, I'm Diana Martine. javascript function dev(name, age, work) { this.name = name; this.age = age; this.work = work; } let dianaMartine = new dev('Diana Martine', 25, 'Front-end developer and artist'); console.log(dianaMartine); ### About me: Front-end programmer and developer, certified by the TRANS.FORM specialization program offered by Porto Digital. Student of bachelor's degree in psychology (UNISÃOMIGUEL) and Technologist in systems analysis and development (UNINABUCO). Professional musician, guitarist, multi-instrumentalist. Always involved with technology and music, I take these resources to professional life in forms of expression. I have ease to work with groups, good relationship with people, responsibility and spirit of leadership. I have a passion for psychology and new experiences in communication education and photography. ### Main skills:             ### Tools:               ### Other Knowledge:               ### Studying in this moment:     ### Areas of Interest:   ### GitHub Analytics: ### Diana Martine on social media: "

"# dio-mentoria-calculator-js Tudo certo jovem? Você chegou aqui a partir do bootcamp da Digital Innovation One em parceria com a TakeBlip? Então tu podes baixar esse repo ou clonar na sua máquina pra gente poder dar continuidade ao nosso desenvolvimento ^^. ### Planejamento de aula Etapa 1 - Overview do JavaScript Glossário O que é o JavaScript Etapa 2 - Conceitos básicos Variáveis var let const Tipos primitivos boolean null undefined string object function Etapa 3 - Desafio de projeto Projeto funcionando # Sobre a autora: Programadora e desenvolvedora Front-end certificada pelo programa de capacitação TRANS.FORMA ofertado pelo Porto Digital. Estudante de Psicologia (UNISÃOMIGUEL) e Análise e Desenvolvimento de Sistemas (UNINABUCO). Musicista profissional, violonista, multi-instrumentista. Caso esse repositório tenha te ajudado com seus estudos de alguma forma: - 🤝 Fork este repositório para estudo e contribua com o conhecimento. - ⭐ deixe sua estrela neste repositório. "

"# fire-doom-javascript Renderização do visual do fogo do jogo eletrônico DOOM através de JavaScript Clique aqui para ver o projeto funcionando Created By ®Diana Martine™ "

"# Front-end UI Repo criado a partir de estudos em UI para a criação de um site com efeito paralax e carrossel. Estudos em: - Front end; - UI - criação de um site; - HTML - html semântico; - CSS - Responsividade outras features; - JavaScript - estudo de classes e dinamicidade. ### Curso ofertado pela plataforma Alura."

"404: Not Found"

"# github-finder-dio-mentoria 🚀 Tudo certo jovem? Você chegou aqui a partir do bootcamp da Digital Innovation One em parceria com a TakeBlip? Então tu podes baixar esse repo ou clonar na sua máquina pra gente poder dar continuidade ao nosso desenvolvimento ^^. ## Sobre o projeto 🔎 Consiste numa app que recupera informações de usuários do github, passando o nome de usuário como parâmetro, retornando os dados como por exemplo: name; login; public repos... ## Dá uma olhada 👀 ### Quer conferir funcionando? Clique aqui jovem! # Sobre a autora 📒 : Programadora e desenvolvedora Front-end certificada pelo programa de capacitação TRANS.FORMA ofertado pelo Porto Digital. Estudante de Psicologia (UNISÃOMIGUEL) e Análise e Desenvolvimento de Sistemas (UNINABUCO). Musicista profissional, violonista, multi-instrumentista. Caso esse repositório tenha te ajudado com seus estudos de alguma forma: - 🤝 Fork este repositório para estudo e contribua com o conhecimento. - ⭐ deixe sua estrela neste repositório. "

"# indra-test indra test challenge "

"# instagram-ui-clone Instagram-ui-clone "

"# Site-interativo-hour Site interativo com HTML5, CSS3 e JavaScript. Descrição: O site consiste em um app web que muda seus elementos a partir do horário local do cliente. Ex.: Se o cliente acessar o site pela manhã (das 5h às 11:59) aparece uma mensagem de "Bom dia" junto com uma imagem de um café e a paleta de cores é alterada para um tom da paleta de cores da foto apresentada. Clique aqui para ver o projeto funcionando Created By ®Diana Martine™ # interactive-hour # interactive-hour "

"# Jogo-da-velha Jogo da velha com JavaScript, HTML e CSS (PROJETO FINALIZADO) Clique aqui para ver o projeto funcionando Created By ®Diana Martine™ "

"# Angular-blog "

"# angular-marketplace. Plano de Aulas - Angular - Marketplace 📁 Repositório disponível em: DianaMartine/angular-marketplace (github.com)! Aula 1 - Overview angular.js Referências Name Tags Links Como surgiu? History glossário Vantagens HistoryTheory glossário Conceitos importantes DevTheory glossário Andamento da aula 📔História Como surgiu? Vantagens ‼️Conceitos importantes Components Templates Metadata Data binding Serviços Injeção de dependência Diretivas Roteamento Aula 2 - Iniciando o projeto ng new Referências Name Tags Links Criando nosso backend DevRepoTheory npm init; json-server; repo Iniciando nosso projeto DevRepoTheory repo Entendendo conteúdo gerado DevTheory estrutura de projeto Andamento da aula 🗄️Criando nosso backend Criando base de dados npm init && npm init -y npm i -g json-server npm start ✈️Iniciando o projeto ng new 🤔Entendendo conteúdo gerado src app-component assets environments index.html Aula 3 - Homepage methods and local variable template Referências Name Tags Links Explorando o poder do Angular material DevTheory Angular Material Criando header, footer && nav component DevRepoTheory repo Criando nossa home view DevRepoTheory repo Andamento da aula 🔎Explorando poder do Angular material ng add @angular/material 🛠️Criando header, footer && nav component criando header criando footer criando nav explorando métodos em eventos e variável do template Aula 4 - Listando produtos Observable, subscribe, *ngFor Referências Name Tags Links Criando nosso modelo de produto DevRepoTheory repo Criando nosso primeiro service DevRepoTheory repo Renderizando produtos na lista (Observable, Subscribe e *ngFor). DevRepoTheory Observable e subscribe Andamento da aula 🛠️Criando nosso modelo de produto conceito de interface 🛠️Criando nosso primeiro service usando o HttpClient conceito de modificadores de acesso 📝Renderizando produtos na lista Observable e subscribe diretiva *ngFor Aula 5 – Add produtos e Checkout checkout Referências Name Tags Links Métodos de add e remover produtos DevRepoTheory repo Criando botão de select DevRepoTheory repo Criando página de checkout DevRepoTheory repo Explorando o poder do Angular Material DevRepoTheory repo Criando botão de pagamento com mensagem em snackbar DevRepoTheory repo Andamento da aula 📐Métodos de add e remover produtos Criando handlers (manipuladores) Explorando métodos acessores (getter e setter) 🛠️Criando botão de select Separando responsabilidades dos botões 🛠️Criando página de chekout Criando um novo componente e atualizando as rotas 🔍Explorando o poder do Angular Material Formulários (forms) Campos (fields) Labels Inputs 💳Criando botão de pagamento com mensagem em snackbar Explorando snack-bar do angular material Aula 6 – Melhorias no projeto melhorias Referências Name Tags Links Contador de produtos selecionados DevRepoTheory repo Explorando pipes do Angular DevRepoTheory pipes Explorando o data binding DevRepoTheory data binding; two-way data inding Andamento da aula 🔢Contador de produtos selecionados Criando um contador Explorando botões do Angular material. 🔍Explorando pipes do Angular Explorando a pipe currency para tratar dados de preço 🔍Explorand o data binding Two-way data binding Criando objeto com informações do cliente ⬆️Melhorando nosso checkout Add melhorias e regras no nosso checkout # Desafio de projeto - Terminar a página de about, linkando as rotas e atualizando os componentes na nossa view; - Subir o projeto em um repositório no GitHub. ## Exemplo da página about Veja aqui o projeto funcionando: Click here! Fiquem a vontade para usar o conhecimento aqui adquirido. Tudo certo jovem! # Sobre a autora: Programadora e desenvolvedora Front-end certificada pelo programa de capacitação TRANS.FORMA ofertado pelo Porto Digital. Estudante de Psicologia (UNISÃOMIGUEL) e Análise e Desenvolvimento de Sistemas (UNINABUCO). Musicista profissional, violonista, multi-instrumentista. Caso esse repositório tenha te ajudado com seus estudos de alguma forma: - 🤝 Fork este repositório para estudo e contribua com o conhecimento. - ⭐ deixe sua estrela neste repositório. "

" Carousel com Angular 📁 Repositório disponível em: Github! Introdução 🛠️ O que iremos criar? Um app web com a dinâmica em Carousel ⚠️ Requisitos para a finalização do projeto: Lógica de programação; Programação orientada a objetos - POO; Conhecimentos sólidos em TypeScript, JavaScript, HTML; Computador com SO de sua preferência (Windows, Linux, Mac OS, etc); Ferramentas de desenvolvimento: Integrated Development Environment - IDE (recomendo o VSCode); Angular CLI; Node.js 12.14+; TypeScritp; Angular Material. Obs.: O projeto foi construído com Windows 10 como SO, e VSCode como IDE. # Sobre a autora: Programadora e desenvolvedora Front-end certificada pelo programa de capacitação TRANS.FORMA ofertado pelo Porto Digital. Estudante de Psicologia (UNISÃOMIGUEL) e Análise e Desenvolvimento de Sistemas (UNINABUCO). Musicista profissional, violonista, multi-instrumentista. Caso esse repositório tenha te ajudado com seus estudos de alguma forma: - 🤝 Fork este repositório para estudo e contribua com o conhecimento. - ⭐ deixe sua estrela neste repositório. "

"# loading-animation This project is a simple challenge, using only HTML && CSS, build a loading animation for loading state. ## Stack - html; - css; - vscode; ## Example: Fork this repo for study and contribution ⭐️ thanks. "

"# maratona-discover-final ## Projeto front-end App web de finanças projetados pela Rocketseat. Clique aqui para ver o projeto funcionando By ®Diana Martine™ "

"# Mobile-UIs This project is a collection of mobile UIs that I have created using Next.js and Tailwind CSS. The viewport is set to 412px of width, which is the width of the Samsung Galaxy S20 FE (my phone). The UIs are not responsive, so they will not look good on larger screens. ## Getting Started First, navigate to the project directory and install the dependencies: bash npm install # or yarn install Then, run the development server: bash npm run dev # or yarn dev Open http://localhost:3000 to view the project in the browser. ## UIs ### 1. Spotify "

"# music-player a music player example for study, with html, css and JavaScript. ## Screenshoots Click here for see this project working. - 🤝 Fork this repo for study and contribute it. - ⭐ Leave your star in this repo "

"# netflix-logo-in-css Treinando um pouco a construção de imagens com css puro. "