Już jutro oficjalnie startuje wydarzenie 21 days of codes! Ja już go rozpoczęłam kilka dni wcześniej, ale Ty możesz dołączyć w każdym momencie.
Założenia są bardzo proste.
Codziennie przez 21 dni, minimum przez 1 godzinę dziennie kodujemy. Wszystko po to, aby nasze umiejętności programowania wznieść na wyższy poziom. Jeśli czujesz, że musisz popracować nad JavaScript, skup się przez te 21 dni na JavaScript. Jeśli chcesz poznać jakiś Framework, poznawaj go. Najważniejsze, żeby kodować! 🙂
Kodujemy dla siebie i dla własnego rozwoju. Staramy się samodzielnie pisać kod. Ważną kwestią jest założenie dziennika, w którym będziemy zapisywali nasze sukcesy i porażki. Możecie w nim zapisywać wszystko, co jest dla Was ważne. Wszystko co przyczyniło się do wzrostu Waszego skilla programistycznego.
Ja np. podczas jednego dnia wyzwania, zapisałam sobie, jak rozwiązałam problem dodania pauzy do gry 🙂 .
Wiem, że część osób nie miało pomysłu na to, czym mogłoby się zająć podczas tych 21 dni.
Przygotowałam dla Was kilka darmowych propozycji zadań do nauki programowania. Teraz sądzę, że już nikt nie będzie miał pustki w głowie :).
Stworzenie portfolio
Jeśli macie już jakieś projekty, a nie macie portfolio, możecie zająć się stworzeniem go. Zaplanujcie sobie jego wygląd.
Kilka przykładowych miejsc, w których możecie stworzyć wygląd Waszej strony (mockupy strony internetowej/aplikacji) (nie wszystkie są darmowe, ale wszystkie mają darmowy okres próbny):
- Canva – https://www.canva.com/create/mockups/.
- Marvel – https://marvelapp.com
- Balsamiq – https://balsamiq.com
- Figma – https://www.figma.com
- Webflow – https://webflow.com
- JusInMind – https://www.justinmind.com
- Axure RP – https://www.axure.com
Ćwiczenia JavaScript
- Exercism.io – wymogiem jest konto na GitHubie, dzięki czemu popracujecie przy okazji nad znajomością konsoli 🙂 – https://exercism.io
- Codewars – https://www.codewars.com + zadania z Codewarsów do nauki podstaw JS – https://github.com/myjinxin2015/Katas-list-of-Training-JS-series
- Sololearn – https://www.sololearn.com
- Freecodecamp – https://www.freecodecamp.org
- Codedesignal – https://codesignal.com/
- Wyzwanie JavaScript30
- Wyzwanie z Samurajem Programowania
- JavaScript Garden – http://bonsaiden.github.io/JavaScript-Garden/pl/
Gry m.in w canvas w JavaScript
- Codecombat – https://codecombat.com/play
- Phaser – http://phaser.io + przykładowy tutorial z Kot Źródłowy – https://kot-zrodlowy.pl/javascript/dajsiepoznac2017/2017/03/03/50twjs-gramy-w-js.html
- P5.js – https://p5js.org + tutoriale https://www.youtube.com/user/shiffman/playlists?view=50&shelf_id=14&sort=dd
- Lista frameworków do tworzenia gier w JS – https://www.javascripting.com/games/
- Pong w JavaScript z Samurajem Programowania – https://www.youtube.com/watch?v=8IJ_1QcqMdM
- Snake w JavaScript – https://www.youtube.com/watch?v=9TcU2C1AACw&t=106s
- Ściąga z Canvas – https://websitesetup.org/wp-content/uploads/2015/11/Infopgraphic-CanvasCheatSheet-Final2.pdf
Flexbox, Grid, GitHub
- Flexbox Froggy – http://flexboxfroggy.com/#pl
- FlexBox Koduje – http://kodu.je/flexbox/
- CSS Grid Garde – http://cssgridgarden.com/#pl
- Git – https://learngitbranching.js.org
- WesBos Grid – https://cssgrid.io
HTML, CSS, RWD
- Bonusy z Kursu Web Developer w 15 dni Samuraja Programowania – https://www.youtube.com/watch?v=uY8LWSugFs0&list=PLTs20Q-BTEMN8sJ5at2nRAbOB43IVRJqU
- Bonusy z KursuFrontend Zaawansowany Samuraja Programowania – https://www.youtube.com/watch?v=ujpp228tDGU&list=PLTs20Q-BTEMNCMPOCFi4-aotruOZdZSdH
- Kodowanie layoutów – Weekly WebDev Challenge – https://www.facebook.com/groups/940002776068923/?ref=gs&fref=gs&dti=742940452405327&hc_location=group
- Semantyka w HTML5 Comandeera – https://tutorials.comandeer.pl/html5-blog.html
- HTML i CSS Step by Step by Awwwesomes – https://the-awwwesomes.gitbooks.io/html-css-step-by-step/pl/
- Moja pierwsza strona internetowa w HTML5 i CSS3 – http://ferrante.pl/books/html/
- CSS Reference – https://cssreference.io
- Ściąga z HTML5 – https://websitesetup.org/HTML5-cheat-sheet.pdf
- Ściąga z CSS3 – https://websitesetup.org/css3-cheat-sheet/
- Darmowe PSD do kodowania – https://psdrepo.com
Node.js, Vue, React, Net Ninja, Gulp
- Node.js z CodersLab – https://github.com/CodersLab/Node.js_challenge_dzien_1
- Vue podtsawy z Romanem – https://www.youtube.com/watch?v=PmlipEkFSOk&list=PLKnxnWdLGM49Lf7V-nl5zKf-JNMlZpACA
- React z Type Of Web – https://typeofweb.com/2017/11/28/wprowadzenie-kurs-react-js/
- Cały kanał Net Ninja gdzie znajdziesz świetne tutoriale z Vue, Reacta, JavaScript, Angulara, HTML, CSS, zresztą koniecznie sprawdź sam – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg/playlists
- Gulp – https://www.youtube.com/playlist?list=PLQq-QfUNZpqi3lIOoW_oe1g26_27w5oPc
A masz może pomysł na jakiej stronie można znaleźć informacje o bootstrapie??Dziekuje za pomysł, mobilizujesz mnie do działania ??
Aniu, zobacz albo do dokumentacji Bootstrapa. Jeśli szukasz czegoś po polsku, to zapraszam Cię do mojego kursu https://bedeprogramistka.pl/produkt/kurs-poznam-bootstrapa-4/
O super zestawienie! Na pewno skorzystam:D
Dopiero zaczynam się uczyć front endu i czasem ( a nawet często) ciężko z pomysłami co mogę zrobić:)
Pozdrawiam
Cieszę się, że się przyda 🙂 Powodzenia!
Ciekawe