Internet

Codecademy: Aprenda a programar sem dificuldade!

74 Comentários

Uma das áreas em informática que sempre quis aprender é Programação. No entanto, a falta de conhecimentos básicos, a existências de várias linguagens e também a falta de tempo para me dedicar a este assunto, têm sido alguns obstáculos que não me permitiram aprender (até hoje).

Para quem, como eu, gostava de saber programar, ou pelo menos saber o básico das regras de programação das várias linguagens, o Codecademy é a resposta!

Codecademy  é um site que lhe ensina, passo após passo, e de forma muito bem explicada, o que fazer e como fazer para começar a programar!

code

Comecei a utilizar o Codecademy esta semana, e posso garantir que é um serviço com bastante qualidade. Em poucos exercícios, já aprendi regras básicas,nomeadamente de HTML.

Para cada exercício, o Codecademy explica muito bem, dando mesmo exemplos, aquilo que devemos escrever em cada linha de código, porquê devemos escrever daquela forma, e qual o resultado daquela codificação.

Vamos então começar a programar, sem dificuldade!

PARTE 1

A primeira coisa que deve fazer, é aceder ao site Codecademy. Irá aparecer-lhe esta informação:

prog 1

Clique em Comece e leia atentamente a informação do quadro ao lado. veja aqui o primeiro exercício:

prog 2

Tente fazer todos os exercícios desse quadro, vai verificar que são muito simples, e tem sempre muita informação a explicar como fazer. veja aqui mais dois  exemplo, desta vez de uma caixa de alerta e como saber o cumprimento de uma determinada palavra:

prog2

prog 3

No final, terá que fazer registo, com o seu email ou através das redes sociais, para que o Cadeacademy possa guardar os seus exercicios, e a sua evolução nesta aprendizagem.

PARTE 2

Após terminar todos estes exercícios da caixa, será direccionado para as lições de Programação. Aqui encontra seis categorias, em que cada uma tem exercícios específicos, assim como explicações ao longo dos mesmos. Clique em um para continuar a aprender!

prog 4

Pessoalmente escolhi a categoria HTML & CSS. Aqui encontra 6 níveis diferentes de exercícios em que cada um tem um Projecto final, como um desafio àquilo que se aprendeu.

Como estamos a começar, vamos clicar no 1º nível: HTML Basics.

prog5

Cada nível tem várias fases de ensino, assim como lhe irá sempre mostrar o seu desempenho e evolução. E estes são também aspectos que motivam à aprendeizagem.

Clicamos na 1ª fase, neste caso Introduction to HTML.

prog6

E aqui, então, começa a sua aprendizagem em programação. Leia sempre as informações, veja os exemplos, e exercite para não se esquecer.

Resultado da linha de código colocada na imagem acima:

prog7

E assim, com pouco esforço, não tarda está um expert em programação, a criar linhas de códigos de olhos fechados!

prog8

prog9

Afinal de contas… a programação até é fácil, simples e divertida… e até viciante!

<html><strong>espero que tenham gostado!</strong></html>

Homepage: Codecademy

Também pode gostar

Comentários

74

Responder a JP (djlinux) Cancelar resposta

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

  1. Avatar de Progster
    Progster

    Muito bom.

  2. Avatar de RickPinto
    RickPinto

    UAU!!
    Bookmark imediately… 🙂

    Thanks!!

    1. Avatar de Marco Fontes
      Marco Fontes

      +1. Fiz exactamente isso, ainda não tinha lido o artigo!
      Cumps e obrigado pelo post ;)!

  3. Avatar de Paulo Ferreira
    Paulo Ferreira

    A CodeAcademy já está completa?

    Tanto quanto sei havia tutorias que não estavam completos

    1. Avatar de Marisa Pinto

      Por aqui parece estar a funcionar ok.

  4. Avatar de André
    André

    Esse site é muito bom, e vale a pena espreitar também o Khan Academy (https://www.khanacademy.org/). Só uma nota, Marisa: o html e css não são linguagens de programação, e por isso são bastante mais fáceis de aprender.

    1. Avatar de Marisa Pinto

      Sim ali não tem só linguagens, mas como programar 🙂

  5. Avatar de Marco António Saraiva Martins

    espero que tenham gostado!

    Programação errada 😛
    no segundo
    esqueceram-se da /

    1. Avatar de Marco António Saraiva Martins

      no 2º strong. porque senão fica tudo em bold como ficou o meu comentário que eu esquecime completamente que o wordpress no comentarios tambem aceita html

      1. Avatar de Marisa Pinto

        Sim sim, já foi colocado 😉

    2. Avatar de Marisa Pinto

      Tens razão.
      Coloquei mas depois reescrevi, lá me passou!

      Clever! 😉

      1. Avatar de Marco António Saraiva Martins

        É normal esquecermo-nos de coisas simples. Isso acontece-me bues vezes quando ando a programar

  6. Avatar de Tiago Correia

    É muito bom! Já o tinha dado uma vista de olhos mas apenas na fase inicial do site, que como se pode imaginar, os tutoriais ainda não estavam completos (a maior parte), e o site não tinha tantas ferramentas e linguagens de ensino.

    Muito bom artigo e diverte-te a programar 🙂

  7. Avatar de camurso_
    camurso_

    Desculpem lá, mas um site que inicia com a palavra “Começe” perde logo toda a credibilidade, por muito bom que possa ser…

    1. Avatar de Marisa Pinto

      Talvez possas dar essa indicação ao site. Isso sim seria construtivo 😉

    2. Avatar de André
      André

      Então porquê? Já agora a língua de raíz do site é o inglês, o ‘comece’ penso que seja uma tradução para o pt-br que surge automaticamente se o visitante for de um país lusófono.

      1. Avatar de André
        André

        Não completei…
        Portanto a palavra que deve estar lá em vez do ‘comece’ será o ‘start’ para a maioria dos participantes. Mas penso que esta informação é um pouco óbvia.

        1. Avatar de Marisa Pinto

          Sim, até porque o resto do site está em IN, isso é apenas para que a pessoa saiba o que fazer ao inicio.

          Em inglês.
          http://s7.postimage.org/ehr1y3n2j/get.jpg

    3. Avatar de Cláudio Dias
      Cláudio Dias

      Vinha comentar o mesmo! Ainda pensei que fosse um erro que escapou ao escrever o artigo mas afinal o botão diz mesmo “Começe” :\

      1. Avatar de Marisa Pinto

        Mas isso não te vai impedir de programar, certo? 🙂

        Afinal erros todos damos, mas sites destes poucos existem, e o resto do site está todo em IN.

        Cumprimentos.

      2. Avatar de Pedro Pinto

        Eu vejo isto sempre como uma questão de colaboração. Se não está no “NOSSO” PT, temos de alertar e deixar a nossa marca. Muitos portugueses continuam a criticar e a não colaborar…ja o mesmo não se passa com os nossos “irmãos” brasileiros, que partilham tudo o que têm. É um facto 🙂

        1. Avatar de André
          André

          Pois, mas supostamente, com o novo Acordo Ort., o português devia ser o mesmo para todos. O “começe” com ç está mal escrito em qualquer língua. Mas tens razão, os tugas colaboram muito pouco, basta ver as páginas da Wikipédia pt.
          De qualquer forma, é inegável que o Codeacademy é um site muito bom e que serve o seu propósito. Se tem alguma falha é tentar fazer tradução para qualquer língua, porque se alguém quer aprender a programar tem que necessariamente saber inglês.

    4. Avatar de 00
      00

      quem nunca se enganou que atire a 1ª pedra

      xD

    5. Avatar de Progster
      Progster

      Bem, está ai um português. Está,está…

    6. Avatar de Pedro
      Pedro

      Winner! 😉

  8. Avatar de camurso_
    camurso_

    O problema não é estar em inglês ou deixar de estar.
    O problema está no erro ortográfico gritante que é válido para PT-PT, como para PT-BR, ou para PT-*…

    1. Avatar de Marisa Pinto

      Vamos por partes.
      Podes fazer alguma coisa para mudar esse ‘erro gritante’?

      Então faz.

      Acho que esta questão teria importância se fosse um site PT. Neste caso, um site que está a ensinar alguem, de forma muito cuidade e gratuita ( e ainda disponibiliza algunas informaçoes na tua lingua!), esta é uma questão que nem deveriamos estar a colocar (senão tinhamos que dar na cabeça de todos os estrangeiros que tentam falar PT..)

      1. Avatar de camurso_
        camurso_

        Sabes lá se posso ou não fazer…

      2. Avatar de André
        André

        Eu já lhes mandei um email para corrigirem o erro.

    2. Avatar de André
      André

      Tens razão em relação ao erro, mas penso que a natureza do site e a sua origem não são manchadas de forma nenhuma com este erro. Como já disse anteriormente, se existe um erro é fazerem traduções para outras línguas, porque quem quer aprender a programar tem que necessariamente dominar o inglês.
      Muito provavelmente não experimentaste o site, mas eu tenho acompanhado o evoluir deste site e posso garantir que cumpre os objectivos: se quiseres aprender a programar podes aprender através deste site. Existem outros muito bons também (Khan Academy e o Udacity são dois dos melhores).

      1. Avatar de camurso_
        camurso_

        Tudo bem, aceito o que dizes e até te dou razão. Não experimentei o site. Não experimentei porque não preciso, felizmente. Mas, reforço o que disse, por muito bom que seja, um erro de palmatória desse calibre, na minha opinião, faz com que o site, por muito bom que seja, perca toda a credibilidade.
        Não faço ideia de onde/como é que foram arranjar aquela palavra, pois qualquer tradutor jamais colocaria o “ç” na palavra. E mais ainda, como é que ninguém deu pelo erro anteriormente, mesmo pessoas portuguesas…
        Isso sim, faz-me pensar, mas é um assunto completamente diferente do deste tópico e mais não me alongo 🙂

        Se é útil, melhor para quem o usa/lê!

        1. Avatar de Pedro Sousa
          Pedro Sousa

          Humildade, vê o significado, tenta entender, é um conselho para a vida.

          1. Avatar de Pedro
            Pedro

            Boa Pedro! 🙂

        2. Avatar de Pedro
          Pedro

          E o gajo não para … phone-ix LOL

    3. Avatar de Progster
      Progster

      @camurso_,
      Mas que erroooo, chamem os militares, ui,ui. Sinceramente, critar um site por um erro ortográfico. Enfim…

  9. Avatar de João Vasco
    João Vasco

    Boas , ao clickar em increver-se o Kaspersky 2013 assinala como:

    http://www.codecademy.com/pt/sign_in

    Blocked by Web Anti-Virus

    Reason: phishing URL

    1. Avatar de Marisa Pinto
    2. Avatar de Jonas
      Jonas

      antivírus bons é o que dá…

  10. Avatar de 00
    00

    boa dica para quem quiser aprender umas “coisas”

  11. Avatar de Carlos Ribeiro
    Carlos Ribeiro

    Também existe o coursera https://www.coursera.org/courses

  12. Avatar de -.-
    -.-

    este curso, disponibilizado gratuitamente pela tutsplus,

    http://learncss.tutsplus.com/

    também pode dar jeito a quem quiser aprender html e css

    dizem eles, e muito bem:

    “We created 30 Days to Learn HTML & CSS because we believe everyone has the right to learn how to build wonderful things on the web.

    The course is 100% free and always will be, no strings attached. It is instructed by veteran web developer and trainer Jeffrey Way, and brought to you by Tuts+ Premium. Happy learning!”

    |o|

  13. Avatar de Renato
    Renato

    Muito boa essa dica, eu pessoalmente faço uso do Udacity, a ideia por detrás é muito parecida… já aprendi muito neste sitio, recomendo vivamente para quem quiser iniciar ou consolidar no mundo da programação!

    Abraços

  14. Avatar de Fabio
  15. Avatar de JP (djlinux)

    Obrigado Marisa Pinto! Vou começar a aprender algo novo hoje mesmo.

  16. Avatar de Deus
    Deus

    Parabens, parece-me muito bom 😀

  17. Avatar de Daniel Gomes
    Daniel Gomes

    Aproveito para deixar aqui uma questão!

    Para aprender a programar p/ Android há alguma coisa actual? Porque os tutorials que encontro, inclusive aqui no pplware, já usaram uma UI diferente da que o eclipse tem agora! E há coisas que me confundem, em termos de ordem dos botões, layouts UI do eclipse, e não há propriamente um sitio onde possa por estas questões!

    Se alguém souber de uns tutoriais de iniciação para Android, agradeço que me digam 🙂

    Cumprimentos

      1. Avatar de Daniel Gomes
        Daniel Gomes

        Obrigada Marisa mas se reparares no que disse em cima, o UI mudou bastante, e surgem-me dúvidas a seguir esse tutorial.

  18. Avatar de Nelson Rocha
    Nelson Rocha

    Afinal o pplware é um poço de moderação quando não gostam de ouvir críticas?

  19. Avatar de Luna Wolf

    Grande post!
    Já tinha começado a aprender em outros sites, mas este só veio melhorar a vida… , adorei! Agora vou ficar lá por uns bons dias! 😀

    Já agora, obrigado a quem disse que pode escrever-se html nos comentários…, assim já sei que posso fazer uns comentários mais engraçados 😉

  20. Avatar de Joaquim Pinheiro
    Joaquim Pinheiro

    Muito Obrigado por nos dares a conhecer o CodeAcademy Marisa. Estou há já 1h30m lá a fazer o curso de HHTML e CSS e estou a adorar 🙂

    1. Avatar de Marisa Pinto

      Então já somos dois! Também estou a gostar de estar a aprender coisas que eu pensei serem complicadíssimas eheh

  21. Avatar de MIguel

    HTML não é uma linguagem de programação mas sim de marcação.

    1. Avatar de Nelson Rocha
      Nelson Rocha

      Deixa lá, que eu já respondi a isso e muito mais e o meu post foi moderado!

      É o que faz não aceitarem críticas. Nunca o fizeram, mas agora com mais pessoas umas não conseguem mesmo.

      1. Avatar de Marisa Pinto

        Caro Nelson, nós aceitamos (e até agradecemos) as criticas. Mas somente quando estas são feitas um uma finalidade construtiva, e trazem algo para nos melhorar.

        Se fizer uma introspecção acerca do seu ultimo comentário, certamente verá as razoes pelo qual nao foi aceite.

        Cumprimentos,
        Marisa Pinto

        Btw ninguém disse que html era uma linguagem.

        1. Avatar de MIguel

          Ninguém disse, mas então poderiam mudar o título, para “Aprenda a programar e a criar páginas web”, ou algo parecido, pois para quem está mais fora desta área, ficará com ideia de que HTML é uma linguagem de programação.

          1. Avatar de Progster
            Progster

            Conheces a expressão “programar em html”? 😉

            Atenção, para o caso de não teres percebido, não estou a dizer que é uma linguagem de programação. 😉

  22. Avatar de VC
    VC

    Programar é algo único e só mesmo quem tem a oportunidade de experimentar e dar continuidade sabe. O facto de tu puderes criar algo teu que irá funcionar como queres é… perfeito. Existe muita informação disponível para as pessoas aprenderem sozinhas, é só uma questão de motivação inicial e depois o vicio que é criado automaticamente encarrega-se do resto 😉 Programar é como o infinito, nunca tem um fim…

  23. Avatar de Miguel Machado

    Interessante. Amanha vou explorar melhor. De qualquer forma sou fa deste tipo de serviços. Subscrevo a treehouse e dou por bem empregue todo dinheiro que lá deixei…

  24. Avatar de Jeser
    Jeser

    Olá Marisa !

    O erro de Português se deve ao fato de que são os próprios usuários que fazem a tradução do site e dos cursos 🙂
    Já traduzi bastante coisa, mas dou certeza que não traduzi o start, quando cheguei já estava lá :p rsrs, se você ou alguma pessoa tiver interesse em ajudar, basta acessar e cadastrar-se no site http://translate.codecademy.com/ e começar a trabalhar! Porém tentei acessar o site ontem e ele está fora do ar, já avisei o pessoal da codecademy, mas por enquanto não retornaram meu email.

    obs: Tem outras linguagens para tradução além do português 😀

    Obrigado André por compartilhar o site Khan Academy, é muito bom! Quem quiser ir direto no canal de vídeos, segue site: https://www.youtube.com/user/KhanAcademyPortugues?feature=watch

    1. Avatar de Henrique Dias
      Henrique Dias

      Olá Jeser!
      Também pode dar uma ajuda na tradução da Khan Academy aqui: http://www.khanacademy.org/contribute

      Cumprimentos,
      Henrique Dias

    2. Avatar de Jack
      Jack

      O site de tradução mudou para o localeapp.com.
      Agora você tem que entrar no grupo http://www.codecademy.com/groups/codecademy-brazilian-portuguese-translators que eles te enviam um convite para você entrar no site para a tradução. Lembrando que a tradução é para o português “brasileiro”.

  25. Avatar de Frederico Santos Barracha
    Frederico Santos Barracha

    Simplesmente brutal, não percebo porque a “luta” por um ou outro erro de português..
    Eu acho isto um óptimo site.

    Obrigado pela partilha!

    1. Avatar de Progster
      Progster

      Concordo absolutamente. Enfim…

  26. Avatar de Gerardo
    Gerardo

    Estou quase a acabar Python. Alguém quer trocar ideias ou sugerir um site para aprofundar, principalmente para desenvolver web apps com Python

    1. Avatar de Jeser
      Jeser

      Olá Gerardo!

      Um site que achei ótimo é o http://www.udacity.com/. É uma faculdade online, muito bom! Outro legal também é o http://www.khanacademy.org/.

      1. Avatar de Gerardo
        Gerardo

        Obrigado, já está nos meus favoritos 😉

        1. Avatar de Jack
          Jack

          Foi lançado o site Khanacademy e modo beta: Acesse: https://pt.khanacademy.org/ 🙂

  27. Avatar de Ruthiel
    Ruthiel

    Muito obrigado pela partilha Marisa!

    Já ando interessado neste ensino há algum tempo e a informação que há na “por aí” é muito dispersa.

    Vou já começar com isto!