Top 10 ProjectBased Tutorials for Learning Javascript

  • by

Para este tutorial especificamente, aprenderá como usar Javascript no backend de uma aplicação web para lidar com os pedidos de entrada de utilizadores. Irá também integrar uma API de terceiros para explorar como os engenheiros fazem a interface com fontes de dados externas.

Find Bigfoot: Construa um jogo simples para encontrar o Bigfoot usando HTML, CSS e JS

Leve este tutorial para: aprender como fazer o tratamento de eventos e como criar caixas pop-up em JavaScript, definir uma imagem de fundo para uma página web, e definir directamente as coordenadas de um elemento.

Como construir uma aplicação de calculadora HTML a partir do zero usando JavaScript

Este é um artigo épico onde se aprende a construir uma calculadora a partir do zero. Vão concentrar-se no JavaScript que precisa de escrever – como pensar na construção da calculadora, como escrever o código, e eventualmente, como limpar o seu código.

Conceber uma Livraria Animada com JavaScript, jQuery e CSS.

Aprenda a animar uma estante de livros usando CSS grid, flex, JavaScript, e jQuery. Este tutorial é óptimo para principiantes com um interesse comum no design e programação.

Puro JavaScript – Construir uma aplicação do mundo real a partir do zero

Formas modernas de JavaScript como Angular, React e Vue.js tornam muito fácil a construção de aplicações web complexas de página única. No entanto, a utilização dessas estruturas não é obrigatória e também se pode utilizar JavaScript simples e puro. Este tutorial guia-o através da construção de uma aplicação web em JavaScript puro passo a passo.

Como construir um encurtador de URL simples com apenas HTML e JavaScript

Aprenda a construir um encurtador de URL simples que não precise de um sistema de base de dados para o alojar. Aprenda a usar, jsonstore.io. Este tutorial assume que já conhece algum HTML básico & JavaScript.

Jogo de memória em Vanilla JavaScript

Este tutorial explica alguns conceitos básicos de HTML5, CSS3 e JavaScript. Discutiremos atributo de dados, posicionamento, perspectiva, transições, flexbox, tratamento de eventos, timeouts e ternários. Não se espera que tenha muito conhecimento prévio em programação. Se sabe para que servem o HTML, CSS e JS, é mais do que suficiente!

Como construir uma aplicação de toda a lista com JavaScript

Se não estiver desligado pela ideia de construir mais uma aplicação de toda a lista, e for relativamente novo no desenvolvimento de JavaScript e Front-End, este tutorial é para si.

Criar animações JavaScript com Anime.js

Anime.js é um motor de animação JavaScript muito leve, 14kb minified, e apenas 6kb gzipped. Suporta todos os browsers modernos e pode praticamente animar desde propriedades CSS até valores arbitrários de JavaScript. Neste artigo, aprenderá o básico de Anime.js.

Como construir um gráfico de Gantt simples com CSS e JavaScript

Não como os outros tutoriais de gráficos, estará a fazer uso pesado do JavaScript para implementar vários aspectos do gráfico. Poderá utilizar esta base como modelo de gráfico de Gantt para projectos futuros.

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *