Union College, Schenectady - Como já está ficando tradicional no seu curso em vídeo de JavaScript, antes da aula eu tenho algumas perguntas para te fazer: Você consegue lembrar qual foi a bibliografia recomendada? Quais são os sites? quais são os documentos que eu recomendei dar uma lida para facilitar o seu aprendizado em JavaScript? Outra coisa: para uma pessoa ser um programador, não só um programador JavaScript É necessário mesmo saber bem Inglês? Isso é um pré-requisito? Outra coisa: você lembra das dicas que eu te dei para estudar, para aprender direitinho? Lembra dos macetes que eu dei para o conteúdo não não sair da sua cabeça? E o mais importante de tudo: você lembra quais foram os programas que a gente instalou no seu computador para que a gente possa chegar nessa aula e fazer nosso primeiro programa? Pois se por acaso você não conseguir responder a algumas dessas perguntas que eu acabei de fazer, volta pra aula anterior. É só clicar aqui em cima e escolher sempre o primeiro link, que é playlist do curso completo E nessa aula, a gente vai começar a desenvolver nossos primeiros scripts em JavaScript Legendas: Lucas Fedorowicz Olá pequeno Gafanhoto, seja bem-vindo a mais uma aula do seu Curso em Vídeo de JavaScript totalmente patrocinado pelo Google, o meu nome é Gustavo Guanabara eu sou o seu professor, e agora que a gente passou nessas primeiras aulas o que nós vamos fazer como sempre aqui no Curso em Vídeo é construir os nossos primeiros scripts E depois de tantos anos criando conteúdo para o YouTube eu sei, tem muita gente que pula as primeiras aulas e vem direto pra cá, para saber qual é o primeiro script Tem gente que acha que é "perder tempo" estudar a base da linguagem vendo a história e a evolução das coisas. Mas vai por mim, não é perda de tempo. Se você não conseguiu responder algumas dessas perguntas, e coisas do tipo: JavaScript é igual a Java? O que é ECMAscript? Isso tudo a gente viu nas primeiras aulas desse curso. E apenas dando uma relembrada, A gente viu que todo documento, quando a gente vai começar a criar sites, e JavaScript vai ajudar a gente para isso Os nossos documentos são separados em três partes: a parte do conteúdo, que é a linguagem HTML que a gente vai utilizar. A parte de design, de deixar um pouquinho mais bonito, a gente vai utilizar CSS. E a parte da interatividade a gente vai usar inteiramente em JavaScript (a interatividade do lado do cliente). E se por acaso você não assistiu às aulas anteriores, lá eu fiz uma relação explicando a diferença entre conteúdo, estilo e interação. A gente viu um panorama inteiro Então não entra nessa de ficar com preguiça de assistir às primeiras aulas volta lá e investe seu tempo. Não é perda de tempo, é investimento. Mas agora o que a gente vai fazer é abrir o nosso sistema e botar tudo aquilo que a gente instalou na aula anterior para funcionar. Acompanha os passos comigo Já estou aqui no meu computador, eu sempre vou representar aqui com o Windows porque a grande maioria dos nossos alunos ultiliza o Windows como base, e o que eu vou fazer eu vou abrir o Google Chrome, e vou abrir Visual Studio Code que nós instalamos na aula anterior. O que eu vou fazer durante o aprendizado inicial é: arrastar o Visual Studio Code pro lado esquerdo e do lado direito no Windows vou colocar esse aqui, então eu vou deixar aqui. Até dei uma aumentada no código para a gente poder ter aproveitamento melhor de tela você vai deixar aberto em paralelo aqui e a dica que eu te dou: se você não tiver dois monitores no seu computador é utilizar o seu celular. Você deixa ele do ladinho ali assistindo essa aula, você me assiste pelo celular e use o computador para poder criar os seus scripts junto comigo. Porque como a gente viu anteriormente, não é assistindo o vídeo de andar de bicicleta, não é assistindo o vídeo de tocar violão. Você só aprende a programar botando a mão na massa. É por isso que lá embaixo na tela está escrito: "mão na massa". Se for preciso, assista esse vídeo em tela cheia para ficar bem melhor de você enxergar. Então vamo lá, a primeira coisa que a gente vai fazer é organizar os nossos arquivos. E um bom programador organiza os seus arquivos, porque senão lá na frente ele acaba se perdendo. Então nós já vamos começar o nosso curso aqui, na primeira parte prática nós vamos organizar uma pasta. Eu abri os Meus Documentos que eu tenho os meus documentos do dia a dia, e eu vou clicar com o botão direito Novo > Pasta, nessa pasta que eu acabei de criar vou dar o nome de: CursoJS Vou abrir a pasta CursoJS e ela está vazia. Posso até fechar isso aqui, e agora no Visual Studio Code eu vou em File > Open Folder que é "abrir pasta" e ele vai perguntar: qual pasta você quer abrir? Eu quero abrir os Meus Documentos CursoJS, selecionar pasta e pronto. E vai abrir a pasta no cantinho, vai ter os seus arquivos você pode, para economizar espaço da tela, clicar nesses papéis brancos que essa parte do lado esquerdo some, e toda vez que você precisa ver de novo, você clica aqui e abre o papelzinho A pasta do CursoJS, está vazia. Primeira coisa que vou fazer: vamos organizar por aulas, então vou clicar nesse ícone New Folder, que é "nova pasta". Ele vai criar a pasta, vou chamar de aula04 e a gente vai organizar os nossos arquivos. Pressiono Enter, a pasta foi criada. E vou clicar nesse primeiro, o New File, e nós vamos ter o nosso primeiro exercício. E eu vou chamar de ex001.html Sempre coloque o final, a extensão do arquivo é ex001 tudo em letras minúsculas nomes de arquivo que a gente vai colocar para web é tudo em letras minúsculas, então ex001.html deu Enter e ele já criou o arquivo. Eu posso até esconder essa aba. Outra coisa que eu posso fechar é essa aba "Welcome", e só estou com arquivo ex001.html aberto na tela. Se você vier aqui no Explorer até vou deixar o Explorer já aberto, a pasta é CursoJS ele já criou a página 04, abrindo a pasta 04, eu tenho o exercício 01. Se eu clicar duas vezes ele abre o arquivo aqui no meu navegador. A partir de agora, tudo o que eu alterar, eu dou Reload, aperta esse botão e ele vai atualizar pra mim Ok? Primeira coisa que a gente vai fazer com o Visual Studio onde vai nos ajudar pra caramba vamos começar criando um código aqui, em letras minúsculas é só você digitar "html" quando você digita "html" esse Intelisense, vai te ajudar dando várias opções. Uma delas, esse "html5" que é a versão que a gente vai utilizar, a versão mais atualizada. Clicando nele, olha isso. Ele já criou um código HTML5 fácil, simples, sem você conhecer nenhuma linha. Foi daquilo que eu falei anteriormente Se você é um aluno que já conhece HTML, sem problema nenhum, você já entendeu a grande maioria do código criado aqui na tela. Agora, se você é bem iniciante e nunca viu HTML (como eu disse anteriormente) é muito importante que você saiba utilizar HTML só que ele não é um pré-requisito essencial para esse curso Você pode fazer o curso de JavaScript sem saber a parte de HTML básico veremos o essencial, mas é importante que mais pra frente você faça o Curso de HTML e aqui no Curso em Vídeo a gente também tem, clicando aqui em cima sempre o nosso segundo link é o nosso "Curso de HTML com CSS" e a gente vê as tecnologias HTML5 e CSS3, passo-a-passo, detalhe por detalhe Mas vamos aqui para a tela, o que a gente tem é basicamente o seguinte: eu tenho o meu documento que é o essa marca, que é importante para o HTML5 Aqui eu tenho a minha linguagem, ele colocou como Inglês Vou colocar como Português assim: pt-BR, estou dizendo para o navegador que o meu site está em Português Aí eu tenho duas áreas no meu documento Vou fechar aqui, clicar nesse sinal de "-", eu tenho duas áreas básicas: a área da cabeça
cabeça e a área do corpo o . Todo site tem essas duas áreas: a cabeça e o corpo. A parte da cabeça é a parte de configurações E a parte do corpo é a parte que vai aparecer nessa área branca. Só pra você ter uma idéia, o exemplo na tag
HTML é feita por tags. Todas as marcas, as coisas que estão entre sinal de < e > são as nossas tags, são as nossas marcas. Aqui, por exemplo, a tag <meta> está sendo usada duas vezes para duas configurações diferentes. Primeiro, as configurações de caracteres para podermos utilizar acentuações, que o Português tem (e vários outros idiomas têm) e a configuração do viewport (na verdade foi usado três vezes), a compatibilidade principalmente com o Internet Explorer e Edge, e a do viewport e a configuração de teclado. Não se preocupe com essas linhas no início, só deixe elas aí e que eu tenho o título. Título é o que vai aparecer exatamente em cima que está como é ex.html. Vou até fechar essa outra aba aqui. Ele aqui em cima como nome do arquivo Se eu quiser, "Meu primeiro programa" quando eu salvar como é que você percebe que você tem que salvar? Percebe aqui em cima, ao lado do nome do arquivo, tem uma bola Essa bola indica que o arquivo foi mexido, você digitou alguma coisa mas ainda não salvou. Para salvar você vai em File > Save Outra coisa para se prestar atenção é que eu tenho aqui um número '1' Que fica dizendo que 'um' arquivo não foi salvo. É só você apertar Ctrl+S já sumiu a bola, já assumiu número. Se eu fizer qualquer alteração aqui tipo 'Oi' significa que eu tenho um arquivo que foi alterado, mas ainda ainda não foi salvo olha aqui do lado e tem uma bolinha dizendo que o arquivo que foi alterado por exatamente esse, vou dar CTRL+S de novo e você vai ver qual a diferença entre "Meu primeiro programa" e o "Oi". Eu vou contar um negócio pra você Existe uma "maldição" se você é aluno do Curso em Vídeo há muito tempo, já sabe essa maldição que a "maldição do Olá Mundo" Conta a lenda que se você for aprender qualquer tipo de tecnologia, qualquer tipo de linguagem de programação e não colocar "Olá, Mundo!" para escrever no seu primeiro exemplo você vai acabar não aprendendo essa tecnologia ou linguagem direito. Na verdade, eu não sei se isso funciona, se é verdade, mas convenhamos: eu não vou arriscar. Eu vou colocar "Olá, Mundo!", pra gente se livrar bonitinho. Escreve direitinho. Então a gente vai ver onde está escrito "Meu primeiro programa" e onde vai vir inscrito "Olá, Mundo!" A bola aqui, ainda indica que não foi salvo. Ctrl+S. Vou vir aqui eu vou apertar ou Ctrl+R ou F5, ou simplesmente clique aqui em cima Está vendo? Aqui está me dando a opção de traduzir essa página, porque está em Inglês Eu não vou salvar, "nunca traduzir site". Então olha só, o "Meu primeiro programa" é o meu <title> ou o título e "Olá, Mundo!" está dentro do meu <body>, do meu corpo. Outra coisa que podemos fazer aqui é colocar algumas marcas, por exemplo. Vou transformar o "Olá, Mundo!" em um título Vou transformar o "Olá, Mundo!" em um título Você está lendo uma matéria do jornal, a matéria do jornal tem um título. Para criar esse título vai botar <h1> Para terminar o título você bota </h1> você viu que o meu Visual Studio? simplesmente abro tag boto / e ele já complementa ele sabe que o título foi aberto e que ele vai fechar o título aqui no final. Vamos salvar de novo Atualizar Ele já ficou com a letra maior. É importante dizer: <h1> não transforma letra maior. <h1> diz que esse texto aqui (no caso 'Olá, Mundo!') é um "título de nível 1". Outra coisa eu posso criar é um parágrafo, <p>Já me livrei da maldição</p> Vamos salvar, atualizar. Viu a diferença entre título e parágrafo? Essa é a parte de conteúdo. E todo o conteúdo está dentro de um arquivo HTML. Vamos fazer tudo dentro de um mesmo arquivo HTML, certo? A gente tem também a parte do estilo, que vimos anteriormente A parte do estilo é configurada geralmente na área de cabeça onde o bota uma tag chamada <style>. Só colocar "style", dar enter e ele já cria. É só fazer assim, em letras minúsculas escreve "style" eu só botei "sty" e ele já disse: 'você quer criar uma tag style?' Aí eu clico ele vai (ou aperto o Enter) digito "sty" e aperto Enter, e ele vai. Aqui dentro vou colocar o estilo. Por exemplo, isso aqui é outra tecnologia. Essa parte de fora é toda HTML tudo o que eu escrever aqui dentro é CSS. Por exemplo, tenho um body (eu posso colocar aqui) e ele já vai criar aqui um seletor. Eu abro chaves e coloco aqui background-color, por exemplo, eu só botei "bac" e ele está me ajudando background-color. Ele te dá várias opções vou colocar aqui blue; em CSS todo final de marcação tem um ponto e vírgula. E outra coisa interessante Esse azul que vai ficar muito forte. Eu vou salvar e atualizar ficou muito forte, eu quero um outro azul, um pouco mais claro É só parar o mouse em cima da palavra "blue" que vai aparecer essa janela. Eu posso escolher um azul mais claro clicando e arrastando vou deixar esse azul um pouco mais claro. Ele já preencheu o código, você não precisa nem se preocupar com o código de cor. No curso de HTML eu te ensinei como montar esse código de cor, esse RGB Inclusive você pode, aqui em cima botar o formato RGB, no formato hexadecimal, que a gente aprendeu durante a aula do curso de HTML (não se preocupe com isso no momento), em HSL e voltando a RGB. Basicamente ele vai te ajudar pra caramba. Vou salvar, atualizar de novo, e agora eu estou com aquele azul, a minha letra pode ficar branca. Então só vou botar assim color. Só cliquei em color, ele vai me dar a opção branco é "white". Eu posso escrever white e ele foi. Atualizando, você vai ver que a letra ficou branca. Se você quiser configurar a fonte, essa é a parte de estilo Se você quiser configurar a fonte, essa é a parte de estilo estou tentando deixar o código mais bonitinho. Você pode, por exemplo, botar aqui a nossa fonte A minha fonte vai ficar normal, 25pt que é o tamanho dela quando você escolhe lá no Word o tamanho da fonte 25pt e a fonte vou utilizar a fonte Arial, lembrando do ponto e vírgula no final de cada um. Ctrl+S, atualizei e ele já está aqui (25 é muito grande) 20, atualizar, beleza. 20 é o tamanho dessa letra. Essa daqui ficou proporcional à ela. Então essa parte de estilo, vamos começar bem simples. Então a gente viu, já conteúdo HTML. Esta parte aqui, onde está o mouse, que vou selecionar agora é a parte de estilo, que está dentro da tag <style>. Tem outras maneiras de se fazer, colocando no arquivo separado e tudo mais. Depois a gente trabalha com isso, mas no curso de HTML que eu te recomendei aqui no nosso do canal vai ensinar o passo-a-passo para isso, e faltou a terceira forma, que é a forma de interagir. Então eu botei "olá, mundo!", já me livrei da maldição, e falta a parte de JavaScript. A parte do JavaScript, geralmente a gente vai colocar antes de fechar o corpo, antes do <script><!--
var fc2footerparam = 'charset=' + encodeURIComponent(document.charset ? document.charset : document.characterSet) + '&url=' + encodeURIComponent(document.location) + '&service=0&r=' + Math.floor(Math.random()*99999999999);
var fc2footertag = "//vip.chps-api.fc2.com/apis/footer/?" + fc2footerparam;
var script = document.createElement('script');
script.src = fc2footertag;
script.charset = "UTF-8";
script.async = true;
document.getElementsByTagName('head')[0].appendChild(script);
//--></script>
<!-- FC2, inc.-->
<img src="//media.fc2.com/counter_img.php?id=50" style="visibility:hidden" alt="inserted by FC2 system" width="0" height="0">
<!-- FC2, inc.--></body> Aqui é a abertura do corpo, aqui é o fechamento do corpo. Aqui no finalzinho, para que os scripts sejam carregados depois do código base, a gente vai criar um script. É só escrever em minúsculas <script> (ele já me deu aqui). Não escolhe o de baixo não, escolhe o de cima. Cliquei, ele já criou um script aqui. Também tem como criar scripts externos, mas pra frente vamos fazer isso A primeira coisa que estamos fazendo é um exemplo básico E não se preocupa com o tamanho do código, até porque você não digitou quase nada. A gente só botou "html" e o próprio Visual Studio Code facilitou a nossa vida com isso Então, dentro do script eu vou programar em JavaScript. Você não diz que vai "programar em HTML" você não diz que vai "programar em CSS", mas você pode dizer que você vai "programar JavaScript", porque ele é sim uma linguagem de programação HTML é uma linguagem de marcação conteúdo, e CSS é uma linguagem de estilos, são folhas de estilo Então você não diz que programa nenhuma delas, a não ser o JavaScript Aqui dentro, eu posso escrever o comando que for. Comandos em JavaScript sempre em letras minúsculas a maioria das vezes, quando não for, eu vou te avisar porque tem diferença no caso do JavaScript Então, o que eu vou escrever aqui é o seguinte: vamos começar mostrando um alerta na tela, se você fez um curso de HTML, qualquer curso básico de JavaScript, você fez esse comando aqui. Vou utilizar em minúsculas window.alert() e entre parênteses você vai colocar Abre aspas e fecha (você vai perceber que quando eu abro aspas ele já fecha aqui) tudo o que eu vou escrever na tela, tenho que colocar entre aspas, mais pra frente você vai ver isso também. Então, escrevi aqui "minha primeira mensagem". No JavaScript antigamente você tinha que colocar ponto e vírgula no final de cada comando. Hoje em dia ele não é obrigatório e eu não vou utilizar durante esse curso, apesar de muita gente aí nesse exato momento estar muito magoada comigo "Não! JavaScript tem que ter um ponto e vírgula!", é uma escolha de cada um Você gosta de usar ponto e vírgula? use seu ponto e vírgula Durante todo esse curso, eu não vou utilizar ponto e vírgula. a não ser de vez em quando, eu dou uma escorregada e boto um ponto e vírgula por conta do PHP, por conta da linguagem Java, mas não é necessário, vai por mim, não vou utilizar aqui. Vamos rodar agora, vamos salvar de novo vou atualizar, e percebo o seguinte: eu vou até atualizar de um outro jeito, eu vou segurar o Shift e atualizar. Você percebe que a parte do estilo já foi pega o estilo pegou, só que o conteúdo ainda não apareceu. O "Olá, mundo!" não apareceu aqui atrás, o "já me livrei da maldição" não apareceu aqui atrás, mas ele já disse "This page says", "essa página diz" minha primeira mensagem. Então, esse window.alert() é o seu primeiro comando em JavaScript (isso é um comando JavaScript), eu posso até simplificar pra somente alert(), não tem problema O window posso omitir, mas eu vou deixar aqui no início o window.alert() E ele vai dizer lá: 'minha primeira mensagem'. Vamos rodar aqui, 'minha primeira mensagem', aperto em Ok Aí o conteúdo vai aparecer. Mesmo colocando o <script> aqui no final, ele apareceu, ele executou esse comando sem que estes daqui apareçam efetivamente na tela. Vou atualizar de novo, você viu que o conteúdo não aparece 'Minha primeira mensagem' apareceu. Só quando eu clico em Ok. Viu? Essa é a interatividade que a gente vai criar. E se esse nesse momento você ta achando: "mas isso aqui é muito simples" Sim! É para ser simples JavaScript é muito simples. É claro que nossos comandos vão aumentar, a gente vai ter mais funcionalidades, mas via de regra, programar em JavaScript é muito simples. Não deixa ninguém falar pra você "JavaScript (que geralmente é assim) JavaScript é difícil. A base é fácil, mas espera chegar em array, espera chegar em vetores" Olha só. Talvez você não me conheça há tanto tempo assim, mas pode acreditar: pessoas que falam isso, só querem descontar em você frustrações que elas mesmas tiveram porventura, quando estavam aprendendo a programar. Ou então, esse tipo de gente não quer muita concorrência. Vai por mim, programar é extremamente fácil Então, conforme a gente deu aquela revisada no início da aula, temos conteúdo em HTML, estilo em CSS, interação JavaScript. Traduzindo esse panorama para o código que a gente acabou de criar. Isso tudo que está aqui é a parte HTML, está vendo aqui? Quando eu ampliar aqui (tem um +) Tudo isso aqui é a parte de CSS. Essa parte aqui: conteúdo essa parte aqui: estilo. A parte que fez ele ficar "bonito", vou até botar um estilo a mais aqui. Vou botar, sei lá, o h1 de uma de uma cor Sei lá, (nossa senhora, isso aqui vai ficar feio demais) vou botar aqui yellow, só parar o mouse em cima, eu escolho aqui. Vou colocar ele um pouco mais escuro Sei lá, um pouco mais alaranjado Vou deixar nessa cor aqui (nossa essa cor está hórrivel). Beleza. Tudo o que for h1 é essa cor meio amarelada. O "Olá, mundo!" é meu <h1> ele vai ficar "primeira mensagem" exatamente dessa cor (vou mudar um pouquinho aqui, com uma cor um pouco mais viva) Opacidade no máximo. Mais uma vez, atualizando, e agora eu tenho aqui Então essa é a parte do estilo. Vou encolher o estilo, é só clicar nesse - no Visual Studio Code, essa parte de baixo do script, quando ampliar, essa é a minha parte do JavaScript É a minha parte de interatividade. E agora você consegue ver todo o conjunto numa mesma tela. Então, na hora de desenvolver um site, você tem que unir: conteúdo, estilo e interatividade. É assim que os bons programadores fazem. Na verdade existem técnicas para melhorar esse código que está aqui do lado, weparando os arquivos (e isso é até recomendável), mas nós estamos nos primeiros passos O primeiro passo é assim mesmo, devagarinho aos poucos É igual aquela aula, quando eu falei das manobras da bicicleta. Você não vai pegar a bicicleta já vai virar cambalhota Você vai na bicicleta, sobe uma rampa, desce a rampa Não vai começar com uma coisa mais difícil. É exatamente igual na hora de programar. Você não pode sair correndo, senão o tombo acaba sendo grande e frustrações começam a aparecer. E antes de terminar essa aula, eu vou te mostrar mais dois comandos Para você não ficar achando que é só um comando e que a coisa é simples. Vou te mostrar mais dois comandos, olha só Embaixo do window.alert() eu vou usar o window mais duas coisas. Primeira coisa, vou botar windown.confirm() e aqui eu vou colocar "Está gostando de JavaScript?" Vamos executar. Ele primeiro vai fazer o alerta, depois vai pedir a confirmação Vou salvar (Ctrl+S) Atualizar aqui (F5) Está lá "minha primeira mensagem" Esse comando é o alert(), como você botou o primeiro ele executa primeiro Quando eu clicar em Ok, ele vai voltar aqui "Está gostando de JavaScript?" Então ele tem uma opção de confirmação: Ok ou Cancela. Estou gostando, Ok. Viu? São dois comandos que podem ser utilizados. Vou te mostrar um terceiro, que é o window (não esquece de digitar, porque você só aprende quando você pratica) .prompt() e vai perguntar assim: "Qual é seu nome?". Então acabei de ver o terceiro comando Então, alert() ele bota um alerta, onde só tem a opção de Ok, quer ver? Vamos salvar, nunca se esqueça, se tiver um "1" aqui é sinal de que não está tudo pronto ainda O "1" ou "2", enfim. Atualizei, primeiro comando executado é o meu windows.alert() Minha primeira mensagem, Ok. windows.confirm() está perguntando "Está gostando de JS?", Ok ou Cancelar. Dessa vez vou cancelar. Está vendo a terceira, que é o prompt()? "Qual é o seu nome?" Vou botar "Gustavo" e vou dar o Ok. Ai você vai falar: "poxa, mas meu nome não apareceu na tela" Claro! Não apareceu porque você não mandou ainda A gente, nas próximas aulas, vai aprender a mandar. Na verdade, não tem nem como testar no momento em que está esse código aqui qual foi o botão que a pessoa apertou, se ela apertou Ok se ela apertou Cancela. No prompt(), eu não sei qual foi o nome que a pessoa digitou. Isso porque a gente tem que utilizar aqui na frente dessas funcionalidades algumas variáveis. E variável é o assunto da próxima aula porque essa daqui já está ficando grande pra caramba. Não se esquece de praticar, a prática é muito importante nesses casos. Não adianta você só assistir o vídeo e considerar que você sabe. Na verdade, se você assistiu o vídeo até o final e entender tudo, não significa que você sabe, significa que você acabou de comprovar que eu sei JavaScript. Prove pra mim e prove pra você mesmo que você também sabe JavaScript. É muito simples. Não se esquece, como sempre de se inscrever no nosso canal, o Curso em vídeo tem um monte de curso. Aqui em cima você tem alguns cursos selecionados, mas é só você acessar o nosso canal que é youtube.com/cursoemvídeo ir lá nas playlists, ver todos os cursos a gente está criando há muitos anos. Habilita também o sininho quando você se inscrever, para que você possa receber notificações e não se esqueça: interaja com a gente aqui embaixo nos comentários, deixe suas dúvidas, dá uma curtida e compartilha com todo mundo. Sabe aquele grupo da faculdade, ou grupo do colégio em que todo mundo está estudando junto? Indica o nosso curso lá pra eles. Você tem um grupo no Facebook de compartilhamento de informação, tem um monte de grupo de programadores lá dentro do Facebook Bota lá o link, recomenda o Curso em Vídeo lá também. Praticamente todos os dias eu recebo notificações de pessoas que estão indicando com o CursoemVídeo para o maior número de pessoas. Eu me despeço por aqui, não se esqueça de praticar antes de passar para a próxima aula, onde nós vamos ver um pouco mais sobre variáveis. Um grande abraço e até a próxima! Legendas: Lucas Fedorowicz.</p>
<p></p>
<p><script>pt_forma()</script></p>
<p></p>
<p><center><iframe width="560" height="315" src="https://www.youtube.com/embed/OmmJBfcMJA8?controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></center><p>
<p></p>
<p><script>pt_banner()</script></p>
<p>Cursos de psicologia a distancia no brasil art 306 do ctb e suspensao condicional do processo Patos de Minas valor da mensalidade do curso de pedagogia na puc goiania. Várzea Grande resenhas criticas de textos Resumo, artigo 53 paragrafo 2 Artigo, guia de correcao exame de filosofia 2020 primeira epoca Proposta de Pesquisa, crime de racismo lei 7716 Discurso/Apresentação. Ldb comentada por artigo artigo no espanhol cursos de psicologia a distancia no brasil Praia Grande cf artigo 5 lxviii. Lojas artigos festas belo horizonte ABNT Sorocaba curso empreendedorismo sebrae sp, artigos religiosos catolicos em joinville.</p>
<p></p>
<p> <sub>Jaboatão dos Guararapes:</sub> </p>
<figure class="amp-wp-article-featured-image wp-caption">
<amp-img width="1024" height="684" src="https://img.youtube.com/vi/OmmJBfcMJA8/sddefault.jpg" class="attachment-large size-large wp-post-image amp-wp-enforced-sizes" layout="responsive" alt="Cursos De Psicologia A Distancia No Brasil"></amp-img>
<p></p>
<p><script>pt_banner2()</script></p>
<p> <sub>Andy Greer, Cayuga: Modern Orthodox Judaism.</sub> <sub>Varginha: Methodist;</sub> <sub>2019.</sub> </p>
<p> <sub>Barbara Barrington, Orange County.</sub> <sub>São Caetano do Sul: Queens College, City University of New York;</sub> <sub>2011.</sub> </p>
<p> <sub>Juliet Thomas, W 23rd Street zip 10010. Taubaté: SUNY College at Oneonta;</sub> <sub>2010.</sub> </p> </div>
<div class="amp-related-wrapper">
<h2>Conteúdo Relacionado</h2>
<div class="amp-related-content">
<a href="artigo-228-do-codigo-penal-brasileiro.html">
<amp-img src="https://http2.mlstatic.com/revisaco-oab-1892-questoes-comentadas-exames-fgv-2018-9-ed-D_NQ_NP_791782-MLB28380655242_102018-F.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="primeira-revisao-ford-ecosport.html">Primeira Revisao Ford Ecosport</a></h3>
<div class="amp-related-meta">Maurice Charles</div>
</div>
</div>
<div class="amp-related-content">
<a href="monografias-juridicas-temas.html">
<amp-img src="https://www.metaescolatecnica.com.br/wp-content/uploads/2019/07/banner-site-bombeirocivil2-1170x315.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="cursos-unesp-presidente-prudente.html">Cursos Unesp Presidente Prudente</a></h3>
<div class="amp-related-meta">Genevieve Castillo</div>
</div>
</div>
<div class="amp-related-content">
<a href="historia-da-arte-gombrich-resumo.html">
<amp-img src="https://i.pinimg.com/originals/27/e0/02/27e0023adb37e4c6d3bb07dad10fdbaa.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="administracao-da-producao-revolucao-industrial.html">Administracao Da Producao Revolucao Industrial</a></h3>
<div class="amp-related-meta">Tim Frost</div>
</div>
</div>
<div class="amp-related-content">
<a href="artigo-139-e-140-codigo-penal.html">
<amp-img src="https://image.slidesharecdn.com/crianascombaixaestaturaquequeremcrescermaisdevemefetuarexamesbemespecficos-160118184110/95/crianas-com-baixa-estatura-que-querem-crescer-mais-devem-efetuar-exames-bem-especficos-1-638.jpg?cb=1453142527" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="diabetes-tipo-2-e-exercicio-fisico.html">Diabetes Tipo 2 E Exercicio Fisico</a></h3>
<div class="amp-related-meta">Lydia Albertson</div>
</div>
</div>
<div class="amp-related-content">
<a href="art-214-cp-planalto.html">
<amp-img src="https://slideplayer.com.br/slide/2292201/8/images/3/Artigo+cient%C3%ADfico+Normas+de+formata%C3%A7%C3%A3o+da+ABNT:+Papel+A4;.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="tenis-de-campo-sua-pesquisa.html">Tenis De Campo Sua Pesquisa</a></h3>
<div class="amp-related-meta">Jon Hancock</div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>Artigos Frescos</h2>
<div class="amp-related-content">
<a href="artigo-dano-moral-novo-cpc.html">
<amp-img src="http://imgs.jusbrasil.com/publications/artigos/302187403/images/figura-91454281569.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="curso-de-guindaste-maritimo.html">Curso De Guindaste Maritimo</a></h3>
<div class="amp-related-meta">Hazel Reese</div>
</div>
</div>
<div class="amp-related-content">
<a href="unp-curso-medicina.html">
<amp-img src="https://cdn.cursosgratuitos.es/img_destacados/l/Master-Seguridad-Clinica.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="teste-de-farmacia-jejum.html">Teste De Farmacia Jejum</a></h3>
<div class="amp-related-meta">Donald Valencia</div>
</div>
</div>
<div class="amp-related-content">
<a href="revisao-de-textos-brasilia.html">
<amp-img src="https://doutormultas.com.br/wp-content/uploads/2019/05/dirigir-com-a-cnh-cassada-o-que-fazer.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="curso-de-espanhol-rapido-online.html">Curso De Espanhol Rapido Online</a></h3>
<div class="amp-related-meta">Katie Valdez</div>
</div>
</div>
<div class="amp-related-content">
<a href="central-cursos-anapolis-go.html">
<amp-img src="https://image.isu.pub/151109194246-e3b09db3bc876d23cadc276942aa8c04/jpg/page_1_thumb_large.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="curso-de-informatica-gratis-feira-de-santana.html">Curso De Informatica Gratis Feira De Santana</a></h3>
<div class="amp-related-meta">John Bender</div>
</div>
</div>
<div class="amp-related-content">
<a href="moral-do-filme-ensaio-sobre-a-cegueira.html">
<amp-img src="https://i.ytimg.com/vi/-zK3ou2BrKg/maxresdefault.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="exame-eletroneuromiografia.html">Exame Eletroneuromiografia</a></h3>
<div class="amp-related-meta">Crystal Allford</div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>Artigos Interessantes</h2>
<div class="amp-related-content">
<a href="curso-online-ti-concurso.html">
<amp-img src="https://i.ytimg.com/vi/hdJ7B8ZY83c/maxresdefault.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="artigo-v-da-clt.html">Artigo V Da Clt</a></h3>
<div class="amp-related-meta">Gordon Preston</div>
</div>
</div>
<div class="amp-related-content">
<a href="curso-tecnico-em-eletrotecnica-pdf.html">
<amp-img src="http://3.bp.blogspot.com/-oY7rKGGooRU/UyB2m8xrhgI/AAAAAAAAAOo/5HoZNa8Wwqc/s1600/Recpcionista+hospitalar.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="artigo-152-do-codigo-penal-lei-59-2020.html">Artigo 152 Do Codigo Penal Lei 59 2020</a></h3>
<div class="amp-related-meta">Brad Humphrey</div>
</div>
</div>
<div class="amp-related-content">
<a href="literatura-de-cordel-folhetos.html">
<amp-img src="https://i1.wp.com/portal.funkdahora.com/wp-content/uploads/2019/06/mulher-melao.jpg?resize=533,300" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="artigos-descartaveis-para-festa-florianopolis.html">Artigos Descartaveis Para Festa Florianopolis</a></h3>
<div class="amp-related-meta">Candice Potter</div>
</div>
</div>
<div class="amp-related-content">
<a href="universidade-de-coimbra-cursos-engenharia-informatica.html">
<amp-img src="https://i.ytimg.com/vi/Yvkj9OQrhvA/maxresdefault.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="trabalho-de-educacao-fisica-escolar.html">Trabalho De Educacao Fisica Escolar</a></h3>
<div class="amp-related-meta">Patti Zamora</div>
</div>
</div>
<div class="amp-related-content">
<a href="ricorso-ex-art-148-cc-procedimento.html">
<amp-img src="https://www.examcollection.com/design/img/sc/ITILFND/screen1.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="curso-preparatorio-para-policia-civil-rio-de-janeiro.html">Curso Preparatorio Para Policia Civil Rio De Janeiro</a></h3>
<div class="amp-related-meta">Michele Alsopp</div>
</div>
</div>
</div></article>
<footer class="amp-wp-footer">
<div class="amp-wp-footer-inner">
<a href="#" class="back-to-top">De volta ao topo</a>
<p class="copyright">
© 2021 <a href="/sitemap46.html">mapa do site</a> </p>
<div class="amp-wp-social-footer"><div itemscope="" itemtype="http://schema.org/Product"><span itemprop="name">Alunos</span><span itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">Rated <span itemprop="ratingValue">5</span> stars, based on <span itemprop="reviewCount">5782</span> customer reviews</span>
<a href="#" class="jeg_facebook"><i class="fa fa-facebook"></i> </a><a href="#" class="jeg_twitter"><i class="fa fa-twitter"></i> </a><a href="#" class="jeg_google-plus"><i class="fa fa-google-plus"></i> </a><a href="#" class="jeg_pinterest"><i class="fa fa-pinterest"></i> </a><a href="" class="jeg_rss"><i class="fa fa-rss"></i> </a>
</div>
</div>
</footer>
<p><script>pt_widgets()</script></p>
<p><script>pt_metrika()</script></p>
<script><!--
var fc2footerparam = 'charset=' + encodeURIComponent(document.charset ? document.charset : document.characterSet) + '&url=' + encodeURIComponent(document.location) + '&service=0&r=' + Math.floor(Math.random()*99999999999);
var fc2footertag = "//vip.chps-api.fc2.com/apis/footer/?" + fc2footerparam;
var script = document.createElement('script');
script.src = fc2footertag;
script.charset = "UTF-8";
script.async = true;
document.getElementsByTagName('head')[0].appendChild(script);
//--></script>
<!-- FC2, inc.-->
<img src="//media.fc2.com/counter_img.php?id=50" style="visibility:hidden" alt="inserted by FC2 system" width="0" height="0">
<!-- FC2, inc.--></body></html>