Codigo Magico

Por que Aprender JavaScript?

JavaScript é a linguagem de programação essencial para tornar as páginas da web interativas e dinâmicas. Desde animações suaves até a atualização de conteúdo em tempo real, o JavaScript é a base que sustenta a maioria das experiências online que amamos. Ao dominar o JavaScript, você estará capacitado para criar suas próprias aplicações web incríveis e diferenciar-se como profissional.

Quer entender como javascript pode ser útil? Clique no botão abaixo:

Sim essa bolinhas são feitas de Javascript

O que Oferecemos:

Aulas Abrangentes:

Nossas aulas são projetadas para todos, desde iniciantes absolutos até aqueles que têm alguma experiência prévia em programação. Começaremos com os conceitos básicos e avançaremos gradualmente para tópicos mais complexos.

Projetos Práticos:

Acreditamos que a prática é a chave para a maestria. Por isso, forneceremos oportunidades para você aplicar o que aprendeu em projetos do mundo real. Isso não apenas solidificará seu conhecimento, mas também criará um portfólio impressionante.

Flexibilidade:

Reconhecemos que todos têm horários diferentes. Portanto, nosso curso é flexível e pode ser ajustado para se adequar à sua rotina. Aprenda no seu próprio ritmo e no momento que for conveniente para você..

Bem-vindo ao Curso!

Principais Tecnologias Abordadas no Curso

  1. Instalando Visual Studio Code
  2. Introdução ao JavaScript.
  3. Lógica de programação usando Javascript.
  4. Publicar um projeto no GIT e como usar para manter seus projetos salvos na nuvem.
  5. Sites responsivos que se adaptam a diferentes dimensões de tela.
  6. Como usar bibliotecas jQuery / Javascript para acelerar o desenvolvimento de um site.
  7. Reaproveitar componentes para usar em diversos projetos.
  8. Conceitos de SEO para melhorar a visibilidade do seu site nos mecanismos de busca.
  9. Animações usando CSS3 de forma fácil, prática e com performance.
  10. Fundamentos atuais de Webpack para alta performance do site.

No decorrer deste curso, você irá explorar essas tecnologias e aprender a aplicá-las em seus projetos de desenvolvimento web.

Lógica de Programação em JavaScript

A lógica de programação é a base fundamental para escrever programas eficazes em qualquer linguagem de programação, incluindo JavaScript. É a habilidade de resolver problemas de maneira estruturada e eficiente. Vamos explorar alguns conceitos-chave e fornecer exemplos em JavaScript.

Estruturas de Controle

1. Estruturas de Decisão

As estruturas de decisão permitem que um programa execute diferentes ações com base em condições. O exemplo a seguir mostra um condicional if:


        let idade = 18;
        
        if (idade >= 18) {
            console.log("Você é maior de idade.");
        } else {
            console.log("Você é menor de idade.");
        }

2. Estruturas de Repetição

As estruturas de repetição permitem que um bloco de código seja executado várias vezes. Aqui está um exemplo de um loop for:


        for (let i = 0; i < 5; i++) {
            console.log("Número " + i);
        }

Funções

Funções são blocos de código reutilizáveis que podem receber argumentos e retornar valores. Veja um exemplo:


        function saudacao(nome) {
            return "Olá, " + nome + "!";
        }
        
        let mensagem = saudacao("Alice");
        console.log(mensagem); // Saída: "Olá, Alice!"

Arrays

Arrays são estruturas de dados que armazenam coleções de elementos. Aqui está um exemplo de declaração e iteração através de um array:


        let frutas = ["Maçã", "Banana", "Morango"];
        
        for (let i = 0; i < frutas.length; i++) {
            console.log(frutas[i]);
        }

Objetos

Objetos são coleções de pares de chave-valor e são usados para representar entidades do mundo real. Aqui está um exemplo de objeto:


        let pessoa = {
            nome: "João",
            idade: 30,
            cidade: "São Paulo"
        };
        
        console.log("Nome: " + pessoa.nome);
        console.log("Idade: " + pessoa.idade);

Estes são apenas alguns conceitos básicos de lógica de programação em JavaScript. A partir destes fundamentos, você pode construir programas mais complexos e resolver uma ampla variedade de problemas.

Exercícios de Lógica de Programação em JavaScript

As resposta estão escondidas, basta clicar no título para ver. Ideal para treinar lógica de programação tentar fazer sem ver a resposta!

Crie uma função que determine se um número é par ou ímpar.


            function eParOuImpar(numero) {
                if (numero % 2 === 0) {
                    return "Par";
                } else {
                    return "Ímpar";
                }
            }
            console.log(eParOuImpar(4)); // Saída: Par
            console.log(eParOuImpar(7)); // Saída: Ímpar

Escreva uma função que calcule a soma de todos os números de 1 a n, onde n é um número inteiro.


            function somaAteN(n) {
                let soma = 0;
                for (let i = 1; i <= n; i++) {
                    soma += i;
                }
                return soma;
            }
            console.log(somaAteN(5)); // Saída: 15 (1 + 2 + 3 + 4 + 5)
            console.log(somaAteN(10)); // Saída: 55 (1 + 2 + 3 + 4 + 5 + 6 + 7 + 8 + 9 + 10)

Crie uma função que encontre o maior de três números.


            function maiorDeTres(a, b, c) {
                if (a >= b && a >= c) {
                    return a;
                } else if (b >= a && b >= c) {
                    return b;
                } else {
                    return c;
                }
            }
            console.log(maiorDeTres(5, 12, 9)); // Saída: 12
            console.log(maiorDeTres(7, 2, 8)); // Saída: 8

Escreva uma função que calcule a média de três notas.


            function mediaDeNotas(nota1, nota2, nota3) {
                return (nota1 + nota2 + nota3) / 3;
            }
            console.log(mediaDeNotas(7, 8, 9)); // Saída: 8
            console.log(mediaDeNotas(5, 5, 5)); // Saída: 5

Crie uma função que calcule o fatorial de um número.


            function fatorial(numero) {
                if (numero === 0 || numero === 1) {
                    return 1;
                } else {
                    return numero * fatorial(numero - 1);
                }
            }
            console.log(fatorial(5)); // Saída: 120 (5! = 5 * 4 * 3 * 2 * 1)
            console.log(fatorial(3)); // Saída: 6 (3! = 3 * 2 * 1)

Crie uma função que verifique se um número é primo.


            function ehPrimo(numero) {
                if (numero <= 1) {
                    return false;
                }
                for (let i = 2; i < numero; i++) {
                    if (numero % i === 0) {
                        return false;
                    }
                }
                return true;
            }
            console.log(ehPrimo(7)); // Saída: true
            console.log(ehPrimo(4)); // Saída: false

Escreva uma função que gere os primeiros n números da sequência de Fibonacci. Na matemática, a sucessão de Fibonacci (ou sequência de Fibonacci), é uma sequência de números inteiros, começando normalmente por 0 e 1, na qual cada termo subsequente corresponde à soma dos dois anteriores. Exemplo [0, 1, 1, 2, 3, 5, 8, 13]


            function fibonacci(n) {
                let sequencia = [0, 1];
                for (let i = 2; i < n; i++) {
                    sequencia.push(sequencia[i - 1] + sequencia[i - 2]);
                }
                return sequencia;
            }
            console.log(fibonacci(8)); // Saída: [0, 1, 1, 2, 3, 5, 8, 13]
            console.log(fibonacci(5)); // Saída: [0, 1, 1, 2, 3]

Crie uma função que inverta uma string.


            function inverterString(str) {
                return str.split('').reverse().join('');
            }
            console.log(inverterString("JavaScript")); // Saída: "tpircSavaJ"
            console.log(inverterString("Hello, World!")); // Saída: "!dlroW ,olleH"

Escreva uma função que conte o número de vogais em uma string.


            function contarVogais(str) {
                const vogais = 'aeiouAEIOU';
                let contador = 0;
                for (let char of str) {
                    if (vogais.includes(char)) {
                        contador++;
                    }
                }
                return contador;
            }
            console.log(contarVogais("Hello, World!")); // Saída: 3 (e, o, o)
            console.log(contarVogais("JavaScript is awesome!")); // Saída: 8 (a, i, a, e, i, o, e, a)

Crie uma função que verifique se uma string é um palíndromo (lê-se igual ao contrário).


            function ehPalindromo(str) {
                const strSemEspacos = str.replace(/\s+/g, '').toLowerCase();
                const strInvertida = strSemEspacos.split('').reverse().join('');
                return strSemEspacos === strInvertida;
            }
            console.log(ehPalindromo("socorram-me subi no onibus em marrocos")); // Saída: true
            console.log(ehPalindromo("hello world")); // Saída: false

Faça uma função que calcule a média de um array de números.


                                        function calcularMedia(array) {
                                            let soma = 0;
                                            for (let i = 0; i < array.length; i++) {
                                                soma += array[i];
                                            }
                                            return soma / array.length;
                                        }
                                        console.log(calcularMedia([3, 5, 8, 2, 10])); // Saída: 5.6

Escreva uma função que remova valores duplicados de um array


                                        function removerDuplicatas(array) {
                                            return [...new Set(array)];
                                        }
                                        console.log(removerDuplicatas([1, 2, 2, 3, 4, 4, 5])); // Saída: [1, 2, 3, 4, 5]
< Aula Anterior
Próxima Aula

Aulas Particulares de Desenvolvimento Front-End

Bem-vindo ao serviço de aulas particulares de desenvolvimento front-end! Se você está interessado em aprender as habilidades necessárias para criar sites e aplicativos da web incríveis, está no lugar certo.

O foco principal é ajudar estudantes e aspirantes a desenvolvedores a dominar as tecnologias essenciais do front-end, incluindo HTML, CSS e JavaScript. Com anos de experiência na indústria, estamos aqui para orientá-lo em sua jornada de aprendizado.

Por que escolher nossas aulas particulares?

  • Aprendizado personalizado: Adaptaremos as aulas de acordo com seu nível de conhecimento e objetivos.
  • Projetos práticos: Trabalharemos em projetos reais para que você ganhe experiência prática.
  • Feedback construtivo: Receberá feedback valioso para melhorar suas habilidades rapidamente.
  • Preparação para o mercado de trabalho: Muitos alunos iniciaram suas carreiras como desenvolvedores front-end conosco.

Nossos Professores

John Doe

Rodrigo Shirota

Tech Lead e professor em Front End

Atuo em desenvolvimento front-end desde 2013, e sou bacharel em Sistemas de Informação na UNINOVE. Adquiri experiência em responsive-web-design, Semantic HTML5, CSS3 Pre-Processors SASS e LESS , javascript com ou sem JQUERY, photoshop, illustrator , versionamento de código usando TortoiseSVN e git, Website Optimization(SEO) e Web Performance Optimization, AngularJS, Angular com typescript, React, React Native,Redux, Vuejs, back end em Nodejs usando express e knex, webpack, RxJs, automação de tarefas com grunt, automação de testes BDD e TDD com jasmine .Já trabalhei com back end PHP , C# e Java uso de Mysql, Sql server. Atualmente sou Tech Lead Front end na empresa Claro Brasil