Coder Social home page Coder Social logo

javascript-iniciante's Introduction

logo javascript

Javascript para iniciante

Um guia básica para quem está começando em Javascript

1 Variáveis

Responsaveis por guardar dados na memória. inicia com a palavra var,let ou const

Exemplo

var nome = 'thiago';                      
let idade = 28;
const posuiFaculdade = false; 

obs: mas tarde vamos ver a diferença dessas três

Sintaxe

Palavra chave var seguida do nome, sinal de igual e o valor.


var nome = 'Thiago';
var idade = 27;
var possuiFaculdade = true;

Vírgula

Utilizei a vírgula para criar mais de uma variável, sem repetir a palavra chave var.


var nome = 'Thiago',
idade = 27,
possuiFaculdade = true;

Sem valor

Pode declarar ela e não atribuir valor inicialmente.


var precoBanana;
// retorna undefined

Como nomear uma variavel

  1. podem iniciar com $, _, ou letras. Podem conter números mas não iniciar com eles

  2. Case sensitive nome é diferente de Nome

  3. Não utilizar palavras reservadas
    aqui vai um link das palavras reservadas --> (https://www.w3schools.com/js/js_reserved.asp)

  4. Camel case É comum nomearmos assim: abrirModal

exemplo

Inválido

var §nome;
var function;
var 1possuiFaculdade;

Válido

var $selecionar;
var _nome;
var possuiFaculdadeNoExterior;

Hoisting

São movidas para cima do código, porém o valor atribuído não é movido.

console.log(nome);
var nome = 'André';  //Retorna undefined
var profissao = 'Professor';
console.log(profissao); //Retornar Professor

Mudar o valor atribuído

É possível mudar os valores atribuídos a variáveis declaradas com var e let . Porém não é possível modificar valores das declaradas com const

var idade = 27;
idade = 29;
let preco = 50;
preco = 25;
const possuiFaculdade = true;
possuiFaculdade = false;

//Retorna um erro

obs: dentro da pasta variaveis tem uns exercicios tente fazer para práticar

2 tipos de dados

Todos são primitivos exceto os objetos

var nome = 'Thiago'; // String
var idade = 27; // Number
var possuiFaculdade = true; // Boolean
var time; // Undefined
var comida = null; // Null
var simbolo = Symbol() // Symbol
var novoObjeto = {} // Object

Primitivos são dados imutaveis

Veerificar tipo de dado

var nome = 'Thiago';
console.log(typeof nome);
// retorna string

typeof null retorna object

String

Você pode somar uma string e assim concatenar as palavras.

var nome = 'Thiago';
var sobrenome = 'Lino';
var nomeCompleto = nome + ' ' + sobrenome;

Você pode somar números com strings, o resultado nal é sempre uma string.

var gols = 1000;
var frase = 'Romário fez ' + gols + ' gols';

Aspas Duplas, Simples e Template String

'JavaScript é "super" fácil';
"JavaScript é 'super' fácil";
"JavaScript é \"super\" fácil";
`JavaScript é "super" fácil"`;
"JavaScript é "super" fácil"; // Inválido

Não necessariamente precisamos
atribuir valores a uma variável

Template String

var gols = 1000;
var frase1 = 'Romário fez ' + gols + ' gols';
var frase2 = `Romário fez ${gols} gols`; // Utilizando Template String

Você deve passar expressões /
variáveis dentro de ${}

obs: dentro da pasta tipos de dados tem uns exercicios tente fazer para práticar

3 Números e operadores

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.