Git Product home page Git Product logo

seusite's Introduction

SeuSite 🤍

Este repositório no GitHub é feito para acompanhar o projeto desenvolvido por JoaoIto para ensinar a construir o seu próprio site do zero! Em apenas 10 aulas! este site será desenvolvido na linguagem de JavaScript, uma linguagem bastante conhecida por desenvolvedores por ser de contrução web, ou seja, contrução de sites ou aplicações que ficam na internet!

Se você não sabe onde está... 😩

Relaxe, não se preocupe, o que você está vendo é basicamente um post no insta de um programador! Sim, o GitHub, a rede social que você se encontra agora, é basicamente um grande instagram, feito para programadores. Ele é utilizado para postar projetos e ideias legais, e não se tratando só de código em si. Muitos são documentações, como isso agora que você está lendo, falando de projetos que serão criados! E aproveitando que está em uma rede social, aproveita já cria uma conta aqui e segue o João, tem como você dar uma estrelinha neste projeto aqui! Vai lá e crie uma conta, é bem fácil! Você se tornará um novo programador!

Criar uma conta no GitHub!

Onde iremos desenvolver? ✏️

Iremos colocar em prática todos os conhcimentos, pelo site CodePen, ele é basicamente um editor de texto que usaremos para contruir nosso site do zero! Desde um simples texto, até mesmo um botão que mostra uma mensagem na tela, desenhos, animações 3D, tudo o que quiser você consegue! Porém, com calma aí KKKKKKKKKK, dentro destas 10 aulas irei dar base deste conhecimento para você, o resto você irá construir da forma que quiser! Vamos lá!

TODAS AS AULAS SERÃO POSTADAS AQUI E NO INSTAGRAM!


O que é linguagem de contrução, HTML? Joao-HTML

Sabe aquele seu trabalho da escola de texto no word? Ou então mais legal, aquelas imagens de uma foto no feed de um computador e a legenda embaixo de um nerdola, pois é... Isso tudo foi escrito por um programador que "fez um HTML" em cada um destes elementos!

O HTML é também uma linguagem, só que ela é feita brutamente para colocar elemento estáticos: (textos, imagens, botões, formulários de escrever, links, etc), usaremos ela para dar a estrutura base da nossa página!

Oque é a linguagem de estilização, CSS? Joao-CSS

Sabe aquela cor que muda quando você passa o mouse em cima do botão? Ou então a cor do logo do insta, ou até mesmo o desenho do ícone do TikTok? Pois é, isso foi um programador que "fez um CSS" para estilizar estes elementos!

Para quem gosta de deixar as coisas realmente bonitinhas e bem legais, conheça o CSS, ele é a linguagem utilizada para dar vida, luz e brilho a todos os elementos simples que faremos no HTML!

O que é a linguagem de programação, JavaScript? Joao-Js

Uma lingugem de programação é basicamente texto, texto em código... Mas que tipo de código... Bom, são textos, em inglês que você usa "super palavras" para dizer qual parte daquele texto tem poderes, e assim cada uma destas partes é designada a contruir uma parte do seu site web. Esta linguagem é utilizada para dar comportamentos ao seu site! Exemplo, é possível, e iremos fazer isto 👀, construir textos, emojis, botões, desenhos, e milhares de outras coisas dentro do site, e o JavaScript faz a função de comportamento de cada um destes componentes, colocando para se mexer, um link para seu Instagram, etc...

seusite's People

Contributors

joaoito avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.