Na rozgrzewkę:

Stwórz swój pierwszy Pen w CodePen.io

Nawet jeśli znasz inne narzędzia tego typu warto sprawdzić CodePen.io.

  1. Załóż konto na CodePen.io.
  2. Stwórz swój pierwszy Pen. Możesz nawet wprowadzić tam po prostu: „Hello world!”. Grunt, by zacząć 🙂
  3. Teraz jeśli kiedykolwiek będziesz mieć problem z jakimś fragmentem kodu – postaraj się przekleić ten fragment do CodePen.io i załączyć z opisem problemu, efektu jaki chcesz uzyskać.
  4. Linkiem do swojego Pen’a podziel się w komentarzu.

Dlaczego?

  • Łatwiej szukać pomocy: „dlaczego to nie działa?” jeśli podzielisz się takim Pen’em zamiast wpisywać kod w treści postu.
  • Możesz zapisywać sobie takie Pen’y z fragmentami kodów, które często Ci się przydają, zamiast szukać na nowo rozwiązania w sieci bądź scroll’ując swój kod.
  • Możesz również pomagać innym czy też pytać o feedback odnośnie fragmentu, który sam stworzyłeś.

Na CodePen.io możesz szukać również inspiracji, przykładów kodów stworzonych przez innych. Możesz je analizować, zastanawiać się dlaczego coś zostało rozwiązane tak a nie inaczej. Możesz obserwować innych developer’ów i ich prace. To naprawdę potrafi motywować 😉

Mam nadzieję, że z czasem i mnie będzie warto tam obserwować. Sama używam go od niedawna i żałuję, że nie zaczęłam jak tylko poznałam to narzędzie. Zaczęłam je wykorzystywać do rozwiązywania problemów na grupie wsparcia, którą prowadzę. A jako, że nie było ich jeszcze dużo to i liczba Pen’ów nie powala. W związku z tym blogiem na pewno będzie się powiększać w większym tempie.

Przykładowe inspiracje znajdziesz pod tym linkiem

 

Przypominam:

Linkiem do stworzonego Pen’a podziel się w komentarzu.

A jeśli masz konto na CodePen.io również śmiało możesz podzielić się linkiem do niego 😉

 

No to jak? Podejmiesz się?

Czas ucieka…

See the Pen Clock Face by Żaneta (@Nettelog) on CodePen.

 

Link do zadania na grupie wsparcia (możesz podejrzeć prace innych 😉 )

Opis wyzwania i opublikowane zadania

  • Leonessa

    Zadanie mnie powaliło… żeby wiedzieć co pisać, tzreba znać zasady tych wszystkich „znaczków”, a gdzie można się tego dowiedzieć?

    • Leonessa

      Zdaje się, że w tekście o zadaniu 2. odpowiadasz na moje pytanie linkami do kursów online. Thx!

      • Ale zadanie tutaj głównie polega na założeniu konta na CodePen.io. Pierwszy Pen może mieć tylko napis „Hello World!”. Bez żadnych znaczków. Choć może rzeczywiście mogłam to jaśniej ująć 🙂 Cieszę się, że znalazłaś odpowiedź w następnym zadaniu 😉
        Powodzenia! 🙂

  • Cześć 🙂 Czy jest w codepen.io możliwość wyszukiwania penów po stopniu zaawansowania kodu? Bo widzę tylko kategorię recent i popular. Jesli chciałabym podejrzeć jakieś w ramach inspiracji, mogłabyś polecić od których zacząć? Albo może jakiś przyjaznych początkującym kolekcji? pozdrawiam serdecznie

    • Obawiam się, że czegoś takiego niestety nie mają. Ale postaram się przyjrzeć tematowi. Na pewno są jakieś kolekcje przeznaczone dla początkujących 😉

  • Edyta Zalewska

    Świetny artykuł! Otworzyłam przykładowe inspiracje i jestem w szoku, że takie rzeczy można stworzyć wykorzystując HTML, CSS i JAVA. Będą dla mnie inspiracją w dążeniu do doskonałości.

    • Dla sprostowania, bo początkujący często mylą lub używają zamiennie – Java i JavaScript to dwa osobne języki. We front-endzie wykorzystywany jest JavaScript 🙂

      • Edyta Zalewska

        Miałam oczywiście na myśli JavaScript 😉

    • Oj, można, można 🙂 W ramach inspiracji polecam również Codevember 😛 W tym roku sama myślę, by wziąć udział. To takie wyzwanie na Codepen’ie, gdzie przez miesiąc (listopad – November) wrzuca się codziennie mały eksperyment z wykorzystaniem np. HTML, CSS i JavaScriptu – http://codevember.xyz/about – Może być niezłą motywacją do nauki 🙂