MyProgramistki

09/08/2021

Dzień dobry w poniedziałek 😱😊

słyszałyście już o VueJS?
A może miałyście okazję używać? Co powiecie na małe wprowadzenie? Chciałybyście wziąć udział w małym tygodniowym wyzwaniu? Dajcie nam znać, bo chętnie poprowadzimy! :)

Vue jest rzadziej używanym i mniej popularnym frameworkiem niż React, ale na pewno nie mniej powerful. A jednocześnie bardzo przyjaznym dla początkujących 🎉😍

Sprawdźcie same!
https://vuejs.org/v2/guide/
https://medium.com/jrc-tech-drive/why-vuejs-is-so-awesome-926e6afed41
https://www.vuemastery.com/blog/why-vue-is-the-best-
https://vuejs.org/v2/guide/

Vue.js - The Progressive JavaScript Framework

02/08/2021

Hejka

pamiętacie css-grid i flexbox z zeszłego tygodnia? Mamy nadzieję, że miałyście okazję się trochę pobawić, a jeśli nie to spójrzcie proszę poniżej i tam go znajdziecie 😀

A dzisiaj chciałybyśmy pokazać Wam jeszcze jedno fajne narzędzie do stylowania, bardzo przydatne w komercyjnych projektach, a jednocześnie dość proste do nauczenia 😀więc warto na nie spojrzeć https://tailwindcss.com/docs

Dodatkowo, w niedalekiej przyszłości szykujemy dla Was fajną niespodziankę 😍teraz nie zdradzimy jeszcze szczegółów, ale w tym, albo przyszłym tygodniu powinna się pojawić na naszym funpagu 😍🎉😱

A dzisiaj - serdeczne pozdrowienia i do następnego razu!

Paula i Agata

Documentation for the Tailwind CSS framework.

26/07/2021

Dzień dobry w poniedziałek!

Robiłyście już coś w CSS-ach? Być może tak, a jeśli nie to nic straconego bo dzisiaj pokażemy Wam coś naprawdę fajnego :)

CSS ,czyli po prostu język znaczników wykorzystywany do stylowania stron internetowych pozwala nam naprawdę mocno czarować i zamieniać suche dokumenty w prawdziwe designerskie perełki. Niestety każda programistka wie, że potrafi też nas naprawdę zezłościć i zablokować na ładnych parę godzin. 😱🤯

Na szczęście, jak wszystko w programowaniu również w CSSach wszystko się szybko zmienia, a praca w nim staje się dzięki rożnym magikom CSSa 👏 coraz prostsza.

Dwa fajne narzędzia to css-grid i css-flexbox. Warto zapoznać się z nimi już na początku nauki programowania i swojego doświadczenia z kodem, żeby nie zniechęcić się okazjonalnymi trudnościami CSS i po prostu stylować swoje strony efektywniej, szybciej i przyjemniej 😊

A żeby nauka była jeszcze przyjemniejsza - dzisiaj polecamy dwie świetne gry. Te z Was co brały udział w naszym wyzwaniu walentynkowym być może już jedną z nich znają, ale jeśli nie miałyście okazji to naprawdę zachęcamy rzucić okiem i zagrać 😍

https://cssgridgarden.com/
https://flexboxfroggy.com/

Pozdrawiamy Was serdecznie i do następnego razu

Agata & Paula

A game for learning CSS grid layout

19/07/2021

Dzień dobry w poniedziałek! 🎉😀🖐👋

Tęskniłaś za poniedziałkowym postem? Przepraszamy za zeszłotygodniową przerwę, obie mamy teraz mały armagedon w życiu i niestety ciężko jest wszystko na raz ogarnąć. Niemniej staramy się wracać do naszych tradycyjnych postów poniedziałkowych na osłodzenie początku tygodnia.

Także pora na małą przerwę 🍩🥐☕️ i krótką lekturę.

Dzisiaj odsyłamy do artykułu na temat trendów w świecie Javascript na bieżący rok (mimo, że jesteśmy już w połowie 😂)

https://www.codica.com/blog/top-javascript-trends/

Spójrz proszę jak intensywnie rozwija się Typescipt. Nie spotkałaś się z nim jeszcze? O to nic straconego, może to dobry moment na zerknięcie??

W dużym skrócie TypeScript to język, który opiera się na JavaScript, jednym z najczęściej używanych narzędzi na świecie, dodając statyczne definicje typów.

Typy umożliwiają opisanie kształtu obiektu, udostępnianie lepszej dokumentacji i umożliwianie TypeScriptowi sprawdzenia, czy kod działa poprawnie.

Pisanie typów może być opcjonalne, ponieważ Typescript wyposażony jest w tzw. type inference, czyli wnioskowanie o typie, a tym samym daje nam dużo mocy bez faktycznego pisania dodatkowego kodu.

Prawidłowy kod JavaScript jest również prawidłowym kodem TypeScript. Gdy Typescript wyrzuci błędy sprawdzania typów, nadal możesz bez problemu uruchomić kod Javascript, chyba, że zastosujesz bardziej rygorystyczne zachowanie, co oznacza, że to nadal Ty masz kontrolę nad jego zachowaniem.

Kod TypeScript jest przekształcany w kod JavaScript za pomocą kompilatora TypeScript lub Babel. Ten JavaScript jest czystym, prostym kodem, który uruchamia się wszędzie tam, gdzie JavaScript działa: w przeglądarce, na Node.JS lub w Twoich aplikacjach.

Typescript nie jest łatwy, więc jeśli na początku nie będziesz nic rozumieć, nie martw się, to normalne 😱Nie ulega jednak wątpliwości, że na dalszych etapach zaawansowania w pisaniu kodu bardzo pomocny i często wykorzystywany w komercyjnych projektach.

Nic nie stoi więc na przeszkodzie, żeby wgryzać się w niego od samego początku, a na pewno może też uprościć wiele rzeczy czystego Javascript, który oparty jest o typowanie dynamiczne, a nie jak Typescript statyczne i tym samym często nie wiemy czego się po nim spodziewać 😰🤣😱

https://www.typescriptlang.org/
https://hackernoon.com/i-finally-understand-static-vs-dynamic-typing-and-you-will-too-ad0c2bd0acc7
https://medium.com//dynamically-typed-and-statically-typed-languages-a07eb99a1bc8

Z pozdrowieniami!

Agata i Paula

JavaScript has been one of the most in-demand programming languages for many years. Explore what JavaScript software development trends to watch out for in 2021.

05/07/2021

Cześć,

znowu poniedziałek, a na poniedziałek lektura :) Widziałyście już, że całkiem niedawno zespół Reacta wypuścił nową wersję? Jeśli nie, no to wskakujcie i czytajcie.

https://dev.to/workshub/react-18-is-here-what-s-new-ah4

https://pl.reactjs.org/blog/2021/06/08/the-plan-for-react-18.html

A jeśli React to dla Was nowość i nie miałyście jeszcze okazji się zapoznać, to tutaj może poczytać i trochę się pobawić:

https://pl.reactjs.org/tutorial/tutorial.html

A co powiedziałybyście na wspólne małe wyzwanie React?? bo się nad tym zastanawiamy :)

React Core Team released an alpha version of React18 recently. This release is more focused on User...

21/06/2021

Masz już konto na Github oraz zainstalowany Git? Jeśli nie - zapraszamy do naszego poprzedniego posta. Jeśli tak - możesz już otworzyć swoje pierwsze repo :)

Znalazłyśmy całkiem fajną, bo ze screenami, instrukcję, na stronie któą wklejamy poniżej. Zakładanie repozytorium zobaczysz tam od punktu 3. Pamiętaj - jeśli zgubisz sie i będziesz miała pytania, śmiało możesz do nas pisać :)

https://www.flynerd.pl/2018/02/github-dla-zielonych-pierwsze-repozytorium.html

14/06/2021

Hej Dziewczyny!

Powiedziałyśmy ostatnio nieco o Git i GitHub. Ważne, abyście znały tą różnicę, jeśli więc jeszcze nie wiesz czym się różnią - zajrzyj do naszego poprzedniego posta.

Git i GitHub to coś, z czego każdy programista korzysta na co dzień, dlatego polecamy zacząć korzystać z nich już teraz, kiedy uczysz się i tworzysz pierwsze strony czy aplikacje.

Dzisiaj podopowiadamy, jak zrobić pierwszy krok, czyli założyć konto na GitHub oraz zainstalować Git na swoim komputerze :) Do dzieła!

1. Założ konto na GitHub

- Wejdź na https://github.com/join i zarejestruj się jako nowy użytkownik. Pamiętaj, że nazwa użytkownika to nazwa publiczna, a także nazwa którą w przyszłości dobrze będzie podać np w swoim CV dla potencjalnego pracodawcy, aby mógł zobaczyć Twoje dotycczasowe projekty.
- Wybierz bezpłatne konto (czyli 'Unlimited public repositories for free'
- Twoje konto na GitHubie jest już założone. Kolejny krok to utworzenie pierwszego repozytorium, czyli miejsca, w którym będziesz trzymać kod swojej pierwszej strony czy aplikacji :) Za tydzień podpowiemy dokładnie, jak to zrobić.

2. Zainstaluj system kontroli wersji Git na swoim komputerze

- Wejdź na https://git-scm.com/downloads i zainstaluj Git odpowiedni dla swojego systemu operacyjnego

Gotowe! Masz już zarówno konto na GitHub, jak i system kontroli wersji Git. Masz więc wszystko co trzeba, by prosto ze swojego komputera dodawać i aktualizować kod swoich projektów.
W kolejnym poście założysz razem z nami pierwsze repozytorium :)
Powodzenia!

31/05/2021

Cześć kochane 😍

Dzisiaj dowiemy się nieco o Github i git. Być może już niektóre z Was wiedzą czym one są i chętnie ich używa (co dało się zauważyć podczas naszych wyzwań), ale jeśli jeszcze któraś nie wie, albo kojarzy tylko, że jest na Github umieszczałyśmy kolejne dni wyzwania programistycznego, a może w ogóle nie słyszała i nie używała to zapraszamy :)

Na początku krótkie definicje obydwu.
Github to usługa, serwis hostujące repozytoria (foldery) git w chmurze.
Tym samym możemy udostępniać swój kod innym programistom (podobnie jak robiłyśmy to podczas naszego wyzwania w stosunku do Was) a tym samym pracować nad tym samym kodem jednocześnie, zdalnie. Github to także miejsce, gdzie można popatrzeć sobie na kod innych programistów (tym samym jest to idealne miejsce do nauki) dołączyć do projektów open source (o tym więcej w jednym z kolejnych wpisów), a także, udostępnić swój własny kod. Na wyższym poziomie (na dalszym etapie nauki bądź pracy programowaniu) Github pozwala nam na różne integracje, np. Continuous Integration. Tym samym możemy mieć nasz kod automatycznie sprawdzony, przetestowany, a także wgrany na serwer.

Git zaś to narzędzie, systemem kontrol wersji. Kontrola wersji, bo pozwala programistom zapisywać wszystkie zmiany w kodzie tak, żebyśmy niczego nie utracili, i żeby inni mieli do nich dostęp. Wersje umożliwiają nam wygodną pracę, w każdej chwili możemy się do którejś z wersji cofnąć, możemy też sprawdzić jak rozwijał się program, usunąć lub przywrócić określone zmiany. Co najważniejsze, z Github można, a wręcz powinno się pracować nie tylko komercyjnie (czyli podczas robienia projektów w pracy) ale również indywidualnie (pracując nad własnym projektem)

Bardzo fajna jest funkcjonalność gita, która pozwala zobaczyć zmiany innej osoby dokonywane w tym samym pliku. Gdy taka sytuacja wystąpi git poinformuje nas o występujących konfliktach (dokładnie pokazując w której linii wystąpiły) a my będziemy mogły zweryfikować zmiany i wybrać te, które chcemy zostawić. Tym samym nie ma mowy o tym, że przez przypadek usuniemy czyjś kod (potrzebny), bo wszystko odbywa się w sposób świadomy (będąc poinformowanym przez git, że wystąpiły konflikty będziemy mogli wybrać, które zmiany potrzebujemy, a które trzeba usunąć)

Repozytorium git - to katalog, w którym masz swój kod (np. nasze repozytorium wyzwanie-javascript dostępne na Github) Wewnątrz repozytorium mamy dostępnego gita. (pod warunkiem, że go uruchomimy/zainstalujemy, ale jest to bardzo proste)

Poniżej udostępniamy linki do stron git i GitHub, gdzie możesz dowiedzieć się jak zainstalować i zacząć obu używać, żeby jak najszybciej cieszyć się benefitami każdego z nich. Możesz też poczekać, na nasz następny wpis gdzie razem zainstalujemy sobie git i założymy konto na Github :)

W razie problemów zapraszamy do kontaktu. Dobrego tygodnia :)

Agata & Paula
https://git-scm.com/
https://github.com/

Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.

31/05/2021

Hej Dziewczyny! Jako, że ostatnie posty były o angielskim, dzisiaj w ramach poniedziałkowego posta chciałyśmy Wam polecić coś, co pomoże Wam bardzo fajnie rozwinąć się we frontendzie, ale też pomoże przy okazji uczyć się branżowego angielskiego :)

Freecodecamp to miejsce, z którego chyba każdy początkujący frontendowiec korzysta. Jest zupełnie bezpłatny. Znajdziecie tam praktyczne zadania z HTML, CSS, JavaScript, a dalej również z bardziej zaawansowanych rzeczy. A co najważniejsze - zadania zaczynają się od poziomu totalnie początkującego.

W ramach poniedziałkowej kawy, spróbujcie się tam zarejestrować i pobawić pierwszymi zadaniami :)

Miłego dnia!

Learn to Code — For Free

24/05/2021

Jak poradzić sobie, jeśli chcesz nauczyć się programować, a nie znasz języka angielskiego?

Jak już pisałyśmy w poprzednim poście, angielski w programowaniu jest ważny z wielu względów. Pamiętaj jednak, że jeśli go nie znasz, nie oznacza to, że programowanie nie jest dla Ciebie. Jak sobie wtedy poradzić?

1. Większość dobrych materiałów o programowaniu jest w języku angielskim. Potraktuj to jako świetną okazję do nauki tego języka. Zdajemy sobie sprawę, że na początku niezrozumiałe nowinki techniczne będą dla Ciebie trudne w obcym języku, ale postaraj się aby chociaż część Twoich materiałów do nauki była właśnie po angielsku. Zobaczysz postępy w języku szybciej, niż myślisz, w dodatku poznając od razu słowa niezbędne do pracy programistki i przejścia rozmów rekrutacyjnych :)

2. Pisząc kod, totalnie unikaj polskich nazw. To nie tylko dobra (i jedyna słuszna) praktyka w pracy programisty, ale też doskonała okazja dla Ciebie, by oswajać się z językiem.

3. Śledź anglojęzyczne blogi czy artykuły o programowaniu, doczytuj tam informacje na tematy które zgłębiasz. Tłumacz na bieżąco słowa, których nie rozumiesz.

4. Ucz się angielskiego oczywiście nie tylko programując - pamiętaj, jest to naprawdę ważne, więc warto poświęcić na to trochę czasu. Jeśli nie chcesz lub nie możesz uczestniczyć np. na zajęcia z native speakerem, zacznij oglądać filmy i seriale tylko w tym języku. Na początku z włączonymi angielskimi napisami. Efekty zobaczysz bardzo szybko.

Jeśli masz jakieś pytania - pamiętaj, pisz do nas śmiało :)
Paula & Agata

17/05/2021

Czy angielski w programowaniu jest niezbędny?

Prosta odpowiedź brzmi: TAK. Angielski, przynajmniej na poziomie podstawowym, jest niezbędny w zawodzie programistki.
Dlaczego?

1. Jak pewnie już większość z Was zauważyła, programuje się w języku angielskim. Dobrą, i jedyną właściwą praktyką jest nazywanie wszystkich zmiennych, funkcji, algorytmów nazwami angielskimi. Również te wbudowane już w język programowania nazwy będą właśnie w tym języku.

2. Dokumentacja prawie wszystkich technologii programistycznych dostępna jest w języku angielskim. Oczywiście, część z nich oferuje strony z tłumaczeniem na inne języki, ale nie wszystkie. Idąc dalej, również kursy i szkolenie programistyczne - przynajmniej na wyższych poziomach - zdecydowanie łatwiej będzie nam znaleźć w tym języku.

3. Być może trafisz akurat do firmy, gdzie wszyscy klienci będą z Polski i z nikim po angielsku nie będziesz musiała rozmawiać, ale szanse na to są niewielkie. Szukając pracy w tym zawodzie i omijając konieczność rozumienia angielskiego, niestety wykreślasz sobie większość dostępnych na rynku ofert.
Obecnie większość firm, również polskich, świadczy usługi programistyczne dla klientów z całego świata. Co za tym idzie, nie musi, ale może się tak zdarzyć, że będziesz na co dzień pracować z ludźmi nie znającymi polskiego. Jeśli nie na co dzień, prawdopodobnie ograniczy się to przynajmniej do cyklicznych spotkań z klientem.

4. Jeśli zdarzy Ci się pisać dokumentację techniczną do projektu, również będzie ona w języku angielskim.

5. Jako, że w większości firm język angielski jest niezbędny do komunikacji z klientem, również w większości firm jest on sprawdzany w procesie rekruracyjnym.

Podsumowując, jest to umiejętność, którą powinnaś szlifować, jeśli planujesz pracę w zawodzie programistki, a jeszcze nie czujesz się z angielskim zbyt dobrze.
Pamiętaj jednak, że nikt nie wymaga od Ciebie, przynajmniej na etapie juniora, abyś miała perfekcyjny angielski i pisała biegle dokumentację techniczną.
Na początek wystarczy podstawowe rozumienie języka i umiejętność wypowiedzenia się w nim na dany temat w prosty sposób - chociażby na potencjalnej rekrutacji.

Jak poradzić sobie, jeśli chcesz zacząć programować, ale totalnie nie znasz angielskiego?
Na pewno nie panikuj i nie rezygnuj, damy Ci kilka tipów. O tym już za tydzień :)

Trzymajcie się!
Paula & Agata

14/05/2021

Cześć dziewczyny,

dzisiaj ostatni dzień wyzwania 😭😭😭
tyle dobrego, że w weekend czeka nas wszystkie zasłużony odpoczynek 😍😍

Mamy nadzieję, ze udało Wam się trochę pobawić Javascript. Jeśli nadal nieszczególnie wiele rozumiecie, to
nie ma się co martwić. Mamy nadzieję, ze będziecie we własnym zakresie
kontynuować tą fajną przygodę, a trening czyni mistrza,
więc wystarczą małe kroki, byle cały czas do przodu.

Contribute to MyProgramistki/wyzwanie-javascript development by creating an account on GitHub.