Wyzwanie JavaScript 03/25

No dobrze, teraz już wiadomo, że dziennie tego się nie da zrobić. Znaczy – może się da, ale obecnie u mnie się nie da…

Odpoczywając (stronę internetową na zaliczenie już trochę porobiłam.. te 3h) chcę jeszcze obejrzeć lekcję 3 z Samurajem. Dziś jest powtorka, ponieważ poprzednia była faktycznie dosyć chaotyczna.

Na tapecie znalazły się zatem typy proste:

  • string (łańcuch znaków „Dzień dobry”)
  • boolean (typ logiczny true / false)
  • number ( typ liczbowy 1; 23.01, 4)
  • null (brak wartości czyli null)
  • undefined * (niezidentyfikowany czyli przypisanie automatycznie braku wartości)
  • symbol (nowe)

Oraz typy referencyjne:

  • object – obiekt ogólny i podtypy
  • array – tablica []
  • function – funkcja

Typy proste mają swoje cechy. A tu ciekawostka (!) – w JS typy proste na chwilę ich użytkowania mogą mieć metody i właściwości, które normalnie posiadają jedynie typy referencyjne (obiekty).

To wynika tylko i wyłącznie z JS, bo same typy proste nie mają i nie będą ich mieć. W filmiku jest to bardzo dobrze wytłumaczone.

 

Zmienne to kolejny temat z powrótki. Nie posiadają typu (mają go tylko wartości jakie są do niej przypisane) tylko atrybuty:

  • nazwa
  • wartość
  • adres w pamięci (to już jest poza nami, w silniku JS)

Deklaracja zmiennych odbywa się za pomocą słów kluczowych:

  • var
  • let – wg nowej specyfikacji standard ECMAScript6
  • const – wg nowej specyfikacji standard ECMAScript6

Deklaracja to nadanie nazwy, inicjalizacja to nadanie nazwy i wartości.

Kolejną sprawą jest przepisywanie wartości zmiennej. Tworzy się wówczas kopia, która od razu staje się niezwiązana z początkiem, autonomiczna i zmiana zmiennej, z której została stworzona w żadnen sposób jej nie dotyczy.

Wartość jest literałem w typach prostych.

Operatory

  • arytmetyczne (np. „-” „+” )
  • porównania (np. „=>” „=<” „===”)
  • logiczne (np. „&&” „||” )
  • typeof (zwraca jaką wartość mają zmienne)

 

 

Zaszufladkowano do kategorii front-end, programowanie | Otagowano , , | Dodaj komentarz

Wyzwanie JavaScript 02/25

Od razu można zauważyć fakt, że wpis nie został dokonany dzień po Wyzwanie JavaScript 01/25. Najpierw nas dopadło choróbsko (ponownie, i trzyma dalej dzieci i mnie), w między czasie weekend na uczelni więc intensywnie dla mnie. Chyba głównie przez bakcyle.

Wczoraj próbowałam dokończyć nagranie, które ma ponad 30 minut, ale niestety… jedno i drugie nie ułatwiało, a o 22;30 jak córka wciąż nie spała i z gorączką kasłała koło mnie w łóżku i ta się poddałam. Jednak wykorzystując dzisiejszą chwilę dokończyłam dzień 2, który można oglądać na youtubie.

Trochę chaotycznie i długo, jednak Samuraj bardzo symaptycznie wszystko tłumaczy. W tym odcinku typ string, instrukcje, obiekty window i console i wiele innych wtrąceń. Mam nadzieję, że z kolejnymi odcinkami i czasem pouklada mi się to w sensowną całość. Nie są to dla mnie rzeczy nowe – w każdym języky programowania, który do tej pory podglądałam, spotkałam się z tymi określeniami. To właśnie pewien plus – niby są różne, a jednak podobne.

Zachęcam do filmu Samuraja.

Zaszufladkowano do kategorii front-end, programowanie | Otagowano , , | Dodaj komentarz

Wyzwanie JavaScript 01/25

Wyzwanie 01 z serii Wyzwanie JavaScript z Samurajem Programowania i BedeProgramistka

Właśnie udało mi się dokończyć filmik Samuraja Programowania umieszczony na youtubie.

Jakie są moje wrażenia? To jest świetne! Żaluję teraz, że wcześniej nie znalazłam czasu na jego filmiki więc o wiele bardziej jestem wdzięczna a akcję zorganizowaną przez BedeProgramistka. Dodatkowo do filmików dorobiła zestaw pytań, na które należy sobie odpowiedzieć aby utrwalić materiał. Warto podkreslić słowo sobie, bo jak i wszystkie inne nauki, to przede wszystkim robimi to dla nas samych.

Pierwszy odcinek jest poświęcony Zmiennym. Mimo, że określenie nie jest mi obce to z przyjemnością słuchało się dokładnego wyjaśnienia:

  • co to jest zmienna
  • do czego służy zmienna
  • jak można deklarować, czym to się różni od deklarowania i inicjalizowania zmiennej
  • czy mozna zmieniać zmienną
  • słowa klucze var, let, const

Nawet jeśli nie bierzesz udziału w wyzwaniu to już po pierwszym filmiku Samuraj Programowania wskoczył na moją osobistą listę WartoŚledzić (w przenośni 😉 ).

Zaszufladkowano do kategorii front-end, programowanie | Otagowano , , | Dodaj komentarz

Wyzwanie JavaScript z Samurajem Programowania i BedeProgramistka

Jak na życzenie pojawiło się Wyzwanie Javascript od podstaw z Samurajem Programowania i BedeProgramistka. Dla mnie istotne jest – od podstaw. Przekonam się już niedługo czy faktycznie tak będzie. Często spotykam się z problemem takim, że ludzie z wiedzą, z branży, z latami doświadczenia, mają opanowane wszystko w tak dobrym stopniu, że ciężko im wytłumaczyć i spojrzeć na kogoś kto faktycznie tego doświadczenia nie ma. Słyszałam wiele dobrych opinii o jednym i drugim i już nie mogę się doczekać początku.

Cel testowania: nauka Javascript, aby lepiej testować strony internetowe.

Zapisana na listę – done.

Zapisana na grupę facebookową – done.

22 dni może się udać… prawda?

Wyzwanie JavaScript od podstaw z Samurajem Programowania

Zaszufladkowano do kategorii front-end, programowanie | Otagowano , , | Dodaj komentarz

Front-end – ciekawe biblioteki – fullPage.js

Wymyśliłam sobie stronę internetową na zadanie zaliczeniowe. Można to zrobić normalnie i utrudnić sobie życie. Ja sobie oczywiście utrudniłam bo zajawiła mi się strona z nawigacją inną niż zazwyczaj się widuje czyli typowym navbarem (czy to u góry strony czy z boku). Wymyśliłam, że ja zrobię to na środku, jako różę wiatrów a nawigować będzie na boki.

Tu pojawia się fantastyczne zjawizko w branży IT czyli wzajemna pomoc. Dzięki podpowiedzią bardziej doświadczonym kolegom i koleżanką można wpaść na wiele nowości (dla mnie, niekoniecznie dla każdego).

I tak wpadłam na fullPage.js

A simple and easy to use libary to create fullscreen scrolling websites (also known as single page websites or onepage sites). It allows the creation of fullscreen scrolling websites, as well as adding some landscape sliders inside the sections of the site.

Więcej znajduje się w obszernej dokumentacji i przykładach.

 

Zaszufladkowano do kategorii front-end | Otagowano | Dodaj komentarz

Podstawy testowania – przypadek testowy

Kolejnym zagadnieniem na studiach podylomowych o testowaniu oprogramowania był przypadek testowy. Zadanie w tym temacie uświdomiło mi, że jeszcze jest więcej pytań jak się to robi niż odpowiedzi.

 

Materiały:

http://testerzy.pl/baza-wiedzy/testowanie-wyszukiwarki-przykladowy-projekt

http://testerzy.pl/baza-wiedzy/przypadek-testowy-przyklad

Zaszufladkowano do kategorii Testowanie oprogramowania | Otagowano | Dodaj komentarz

Podstawy testowania – testy wymagań

Jednym z pierwszych zadań na studiach podyplomowych było przetestowanie wymagań. Podobno niedoceniana, a bardzo istotna rzecz jeśli się zastanowi nad konsekwencjami ich złego nakreślenia.

 

Dobre źródła:

https://www.slideshare.net/testerzy/wymagania-niefunkcjonalne-i-testowanie

http://testerzy.pl/baza-wiedzy/testowanie-w-agile

http://blog.testowka.pl/2009/05/18/testowanie-wymagan/

http://prev.testwarez.pl/wp-content/uploads/2014/10/KarolinaZmitrowicz_RadekSmilgin_Testowanie-wymaga%C5%84_Testwarez2014.pdf

http://Analiza wymagań na oprogramowanie czyli opisanie czy zrozumienie

Zaszufladkowano do kategorii Testowanie oprogramowania | Otagowano | Dodaj komentarz

Darmowe zbiory

Kilka stron z darmowymi grafikami:

http://all-free-download.com/free-vectors/

https://www.iconfinder.com/iconsets/ios-7-icons

http://4vector.com/

 

 

Zaszufladkowano do kategorii front-end | Otagowano | Dodaj komentarz

Budowa strony www

Dziś krótko. HEAD.

Duża porcja materiałów od zawodowców na stronie

https://github.com/joshbuchea/HEAD

https://developers.google.com/web/fundamentals/security/csp/

Elementy META

W kilku słowach o SEO

NOODP – zmiana tytułu i opisu

 

Zaszufladkowano do kategorii front-end | Otagowano , | Dodaj komentarz

Bezpieczeństwo w sieci

O kwestiach bezpieczeństwa w sieci tak naprawdę niewiele się wie. Mam na myśli przeciętnego wyjadacza internetu, bo o specjalistach tutaj nie będzie mowy. Niby coś wiemy, a jednak bardzo łatwo to poczucie utracić. Pierwszy raz utraciłam TO po spotkaniu organizowanym w Krakowie w ramach KraQA #24b – Hacking – ciemna strona testowania oprogramowania w lutym tego roku.

Aby uzupełniać swoją wiedzę warto wyrobić sobie nawyk zerkania na strony:

Jeśli chodzi o zbieranie informacji, które później mogą być łatwo wykorzystane do „przekrętów” z tym jest aż za łatwo. Jest to trochę przerażające, bo wystarczy sprawdzić kogoś w narzędziu typu https://stalkscan.com/ i jak na tacy pokazują się informacje ujawniane przez Facebook.

Mam nadzieję, że kiedyś moja wiedza w tym zakresie wzrośnie. Natknęłam się na ciekawą stronę rozwal.to. Przyda się do robienia testów.

Rozwalajcie to – czyli premiera rozwal.to

 

Zaszufladkowano do kategorii Ogólne, Testowanie oprogramowania | Otagowano , | Dodaj komentarz