Szum wokół JQuery. Czy warto uczyć się JQuery?

Ostatnio powstało wiele tematów, czy filmów na temat nauki JQuery. Jedni nadal używają, drudzy zabraniają, bo!, JS na tyle się rozwinął, że JQuery nie jest już potrzebny. To ja napiszę moje zdanie na temat tej biblioteki.

Na początku był krytykowany język PHP, teraz czas na JQuery i zastanawiam się, czemu krytykują? Nie udaje im się napisać aplikacji, czy stron, a może twierdzą, że kto używa JQuery, to ten jest zacofany i nie zrobi porządnej aplikacji z użyciem JQuery. 

Napiszę tak, piszę w PHP i korzystam z JQuery. Nie uważam, abym był zacofany i pisał kiepskie aplikacje. Każdy woli to, co mu pasuje. Każdy powinien zdecydować, czy chce nauczyć się JQuery, czy innego języka.
A takie straszenie, że dziś jest rok 2019, to już porzucajcie jQuery, bo Ja Wam tak mówię.... Takie słowa wcale nie zachęcają do porzucania JQuery, czy innego języka. Raczej przedstawiają taką osobę w negatywnym świetle!

Co do PHP, to już pisałem wcześniej. Ale mogę zgodzić się z dwoma kwestiami. JS naprawdę mocno rozwinął się i jeżeli chcemy pisać aplikacje np: klienckie, to musimy najpierw poznać sam JS ES6, a dopiero dany framework np: React, Angular, czy Vue itp. 

JQuery jest biblioteką, która bazuje na JavaScript, ma w sobie wiele ciekawych efektów, ale korzystać z JQuery, aby zrobić jedną animację, to jest wg.mnie bez sensu!

Odpowiadając na pytanie w temacie. Tak, warto poznać i nauczyć się, ale nie przeginajmy z ilością! Mam tu na myśli efekty wizualne, przejścia itp.  Korzystajmy, jeżeli musimy lub chcemy to dodać do swojej strony. Kolejna sprawa, zadaj sobie pytanie, co chcesz stworzyć? Jaka to ma być aplikacja? Jak ma składać się z angulara, reacta, czy vue + node.js (niezbędne) + baza NoSQL (możesz skorzystać z MySQL, ale nie jest zalecane!), to nie używaj JQuery i PHP! Po co?

Ale nikt Ci nie zabrania, aby skorzystać z PHP + JS + CSS i dowolnej bazy danych! To Ty wybierasz i Ty decydujesz, czego nauczysz się lub będziesz dalej pogłębiał wiedzę. 

Reasumując, nie patrz na innych, patrz na siebie. To że inni piszą w  JS bez JQuery, nie oznacza, że ty tak też musisz robić, ale jak wyżej napisałem. Ty decydujesz o nauce danego języka, danej biblioteki, czy frameworku.

Wybór PHP a inne języki programowania. Ty jeszcze piszesz w PHP?!

Można sobie zadać pytanie, jaki język do tworzenia stron internetowych jest dobry i aktualny. Język, który cały czas się rozwija. Czy warto programować w PHP?

Kiedyś do stworzenia strony internetowej, wystarczyła znajomość HTML/XHTML i CSS. Następnie wchodziły kolejne wersje CSS 2 i teraz 3. W międzyczasie powstała technologia .NET, która do dziś jest popularna. Tylko, aby pisać takie aplikacje i umieszczać, aby działały na serwerze, nie lokalnym, ale na hostingu, to samo hosting musi wspierać .NET. 

Dobrze, a jak jest z innymi językami? Język PHP dziś wolno się rozwija, co nie znaczy, że nie jest ciekawy i polecanym językiem. Sam pisze w PHP i uważam, że jest dobry, ale mam wiele zastrzeżeń!

PHP kiedyś szybko wprowadzał wersje od PHP 1.0, 2.0, 3.0, 4.0, 5.5 po aktualną wersję 7.  Pojawiały się frameworki takie jak: CakePHP, Zend, Symfony, CodeIgniter po Laravel. I koniec! Może będą pojawiać się aktualne wersje php, ale co z bibliotekami? Tymi nowymi? 

Dlatego uważam, że pisząc dziś w języku PHP, nie należy ograniczać się wyłącznie do tego języka. Wystarczy zobaczyć  jak JS się rozwinął i nadal rozwija. Kiedyś JS było tylko zwykłym klepaniem kodu, a teraz? Angular JS, Node JS, React JS i wiele wiele innych bibliotek powstało. Warto wspomnieć o AJAX i JQuery, które też opierają się o JS. 

PHP szybko nie zniknie, chyba że hostingi przestaną dawać php i może bazę MySQL. Od wielu lat stało się modne używanie JS+ biblioteka + baza NoSQL np: MongoDB. Kiedyś może nadejść taki czas, że php może na stałe zniknąć. Póki co jest i cieszmy się tym. 

Pytanie zawarte w temacie: Ty jeszcze programujesz w PHP?!

Zdarza mi się, że zapyta mnie osoba na forum lub na spotkaniu przy browarze, pytając tak o język PHP. A dlaczego miałbym nie pisać w języku PHP? I zawsze odpowiedź brzmi: Jest językiem przestarzałym, co z tym nie zgodzę się. A to, że nie powstają nowe frameworki, nie znaczy, że na stałe PHP przestał się rozwijać.

Dlatego projektując aplikację Internetową, możesz wybrać zestawienie technologii(pomijam HTML i CSS, bo to dość oczywiste, że trzeba to znać):

• .NET(C#)+ MS SQL Server lub inna baza danych +JS + biblioteki
•  PHP+ JS+MySQL+ biblioteki
•  JS+Node.JS+ Baza NoSQL 

Ja polecam naukę w  języku PHP i nie ograniczanie się do jednego języka.

Kalendarz z użyciem JQuery. Zmiana wyglądu i spolszczenie.

W Internecie jest dużo bibliotek, które umożliwiają osadzenie kalendarza na swojej stronie. Można umieścić kalendarz z użyciem JQuery, Bootstrap itd. W tym temacie skupię się na JQuery, ale UI.

Aby mieć taki kalendarz, należy przejść na stronę JQuery UI i pobrać bibliotekę https://jqueryui.com/download/. Zanim pobierzemy, możemy wybrać, czy wszystko chcemy pobrać, czy tylko te elementy, które chcemy. Po pobraniu i rozpakowaniu, umieszczamy w dowolnym folderze. Może być folder o nazwie js, bo JQuery jest napisany w JavaScript. I w dowolnym edytorze, dodajemy na górze ścieżki do plików jquery-ui.js i jquery-ui.css

<script src="js/jquery-ui.js"></script>

<link rel="stylesheet" href="css/jquery-ui.css" type="text/css" /> 

Teraz w dokumencie index.html, tworzymy div z klasą lub z id,  aby można było zobaczyć kalendarz Jquery UI.

Ja nazwałem <div class="calendar"></div>. 

Jeżeli mamy działający kalendarz, to aby spolszczyć, wystarczy napisać taki kod, który jest na poniższym zdjęciu:

I efektem końcowym jest oto taki wygląd:

Na zakończenie, można na dwa sposoby zmienić wygląd kalendarza. Pierwszy to modyfikacja stylu, który jest w pliku jquery-ui.css lub wybrać drugą metodę, czyli przejść do strony themes (ta sama strona jquery UI), wybrać motyw,skórkę i jak będzie trzeba, to zmienić kolory a następnie pobrać.
Zaznaczę, że ręczna zmiana wyglądu a co za tym idzie zmiana szerokości, obrabowań, tło, tekst itd, jest czasochłonna, chyba, że znamy nazw klas, wtedy to zajmuje kilka minut. 

Bootstrap - poznaj inne elementy oparte o ten framework - navbar, nav itd.

Framework Bootstrap jest bardzo znany wśród twórców stron internetowych. Jest bardzo dobrym frameworkiem i ułatwia tworzenie stron, wybierając kody udostępnione na stronie tego frameworka.

Dziś napiszę o paskach nawigacji, ale nie jak umieszcza się na stronie, a o wyglądzie i kolejnych opcjach wyglądu, jak i bibliotekach oparte o bootstrap. 

Wchodząc na stronę bootstrapa, mamy do wyboru, różne typy navbar i też o trzech kolorach: czarnym, niebieskim i bardzo jasno niebieski, który nawet daje efekt wyblakłej zieleni. 

W paskach navbar, możemy umieścić wyszukiwarkę, strony oraz wybrać menu dla urządzeń mobilnych, i tak jest na stronie bootstrap. 

Jeżeli nic nam nie pasuje, możemy skorzystać z innych pasków, które również są oparte o bootstrap, a różne paski navbar wyglądają bardzo dobrze oraz oferują więcej funkcji. Nie znaczy, że wygląd i opcje, które są na stronie bootstrap są złe, też są dobre. 

Warto zapoznać się ze stroną: https://mdbootstrap.com/docs/jquery/navigation/navs/, która prezentuje takie paski navbar, jak i inne elementy takie jak:button, navs itd.

Kolejną stroną, która też jest wart zainteresowania a daje zupełnie inne funkcje w paskach menu bootstrap jest Yamm!, który daje do submenu rozbudowane elementy nawigacji oraz rozmieszczenia w blokach zwane grid (siatka). 

Takie menu zobaczycie wchodząc pod ten adres: http://geedmo.github.io/yamm/.

Moim zdaniem warto, daje dobre efekty i może przydać się w tworzeniu strony, czy projektu. 

Naprawdę warto, chyba, że Ty nie jesteś zwolennikiem gotowców i wolisz sam zrobić, co jest też dobrym wyborem. Ale bez względu, czy wybierzesz bootstrap, lub drogę, że sam wszystko tworzysz, to też będzie dobrze.

Emmet - dokumentacja

Plugin Emmet jest popularnym rozszerzeniem do edytorów programistycznych takich jak: Notepad++, Sublime Text, Visual Studio Code itp. Najlepiej emmet działa w dwóch ostatnich wymienionych programach. 

Emmet pozwala zaoszczędzić pisania kodu od zera, nawet jeżeli samo stworzenie dokumentu dla strony html5, jest krótkie, to i tak już daje szablon. Przykładowo, tworząc stronę w html5, to wystarczy wpisać html:5 i nacisnąć klawisz tab, a już ukaże się nam szablon. Resztę wystarczy uzupełnić i inne linijki meta itp.

Dokumentacja Emmet jest na tej stronie  Emmet dokumentacja  i można też pobrać pdf z dokumentacją o ile tego potrzebujemy:)

Bootstrap 4 - nowości i podstawowe porady

Temat jest spóźniony czasowo i dlatego dopiero teraz piszę o ostatniej wersji Bootstrap 4, nie znaczy, że dopiero teraz obudziłem się lub zobaczyłem, że jest.

Pisałem już wcześniej na tym blogu o frameworku bootstrap, ale była to wersja 2. Wiele zmian zaszło, chociażby pasek menu oraz stare ikony, które były, nie działają (działają w wersji 2). W poprzednim temacie pisałem jak zmienić tło w plikach bootstrap lub w pliku CSS.

Jak zaimplementować nowego bootstrapa na własnej stronie, jest opisane tutaj pod podanym linkiem:

https://getbootstrap.com/docs/4.1/getting-started/introduction/. 

Warto zaktualizować bootstrapa na własnej stronie! Jeżeli chodzi o ikony, które działały w wersji 2 i są na tej stronie: https://getbootstrap.com/docs/3.3/components/, a w nowej wwersji nie działają, to należy użyć innych ikon i są podane linki do stron na bootstrapie 4 tu:

https://getbootstrap.com/docs/4.1/extend/icons/. Dlaczego nie pokazuje zrzutów? Chciałbym, aby czytelnik sam zaimplementował framework jak i ikony. 

Co do ikon na stronie, to będzie osobny temat. A teraz czas na podstawowe porady dotyczące bootstrap 4.

Będą te same porady, które pisałem już wcześniej, ale przedstawię inaczej:

Własny plik CSS - własne zmiany na stronie

Zamiast grzebać w stylach bootsrapa, lepiej stworzyć własny plik CSS, aby dokonywać stron na swojej stronie. Zakładam, że stworzyłeś/aś nowy plik CSS. 

Tło:

Jeżeli chcemy zmienić tło, ale nie chcemy nic zmieniać w stylach frameworka, to piszemy:

BODY{ background-color: #000000 !important;} - zmiana tła, może być też sam background:)

Framework daje własne style. Na formularze, na różne elementy w HTML5 np: nav, section, artitle, footer, header itp.

Aby nadać własny wygląd, niż jaki jest obecny, to wystarczy napisać w pliku CSS:

Nazwa elementu np: footer,
A następnie podać swoje wartości i tak wygląda całość:
footer{
background-color: #222222;
width: 300px;
height: 100px;
}
Powyższy przykład pokazałem, jak stylizować.

Na zakończenie, jeżeli uważasz, że to banał, to masz rację. Ponieważ przedstawiłem podstawy, które mają pomóc początkującym, nie weteranom, którzy tworzą strony nie od dziś.

  

Przyszłość PHP - Czy warto uczyć się tego języka

Wielu początkujących zadaje sobie pytanie, czy warto uczyć się języka PHP? Jaki jest dziś język PHP a co daje konkurencja? W tym temacie  napiszę, czy warto uczyć się języka PHP.

Dziś język php jest w wersji 7 i wiele nowych funkcji wprowadziło a jakich, to odsyłam do strony głównej, ponieważ, nie jest to temat na funkcje PHP wersji 7.

Ale odpowiedzmy sobie na pytanie, czy dziś warto uczyć się języka PHP? 

Odpowiedź brzmi, TAK!, warto i dlaczego?

•  są oferty pracy, które poszukują programistów PHP,
•  jest dużo hostingów z tym językiem,
•  jest popularny!

A jakie są wady tego języka? Zanim napiszę o wadach, to jeszcze napiszę o tym, dlaczego warto uczyć się języka php. PHP to nie tylko nauka samej składni, ale też poznanie licznych frameworków, począwszy od CakePHP, Symfony, Zen Framework po CodeIgniter i bardziej popularny, lepszy od poprzedników Laravel. I też wymagają pracodawcy znajomości, chociaż jednego frameworka z tych wymienionych. 

Dobrze, a wady? PHP jeżeli chodzi o połączenie z bazą danych, to ma dwa jeszcze zalecane  sposoby, a nimi są: new mysqli (powoli od tej metody odchodzi się) i PDO zalecane i coraz więcej ludzi przechodzi na tą metodę. Nie oznacza, że stosując new mysqli, aplikacja nie będzie działać, czy przestanie działać za 5 lat, nie, ale wtedy stanie się już przestarzała jak mysql_query, której już nie zaleca się!

Język php, to też CMS-y i czasem bywa  kłopotliwe stosowanie tego języka, że nasza strona wolniej chodzi. Ja mimo to, jestem za uczeniem się  języka PHP!

PHP a konkurencja

Zadajmy sobie kolejne pytanie, jak bardzo rozwinął się język PHP na tle innych języków, w których można tworzyć aplikacje internetowe?

PHP nie rozwinął się tak jak inne języki, była wersja 5, później 5.5, 5.6. Następnie, miała być wersja 6, ale wycofano i po danym czasie dano wersję 7 języka php. W między czasie, też powstały nowe frameworki np: wyżej wymieniony CodeIgniter, czy Laravel. 

JavaScript - dużo lepiej rozwinęła się niż PHP. Kiedyś JS, był zwykłym językiem a teraz powstało na bazie JS wiele bibliotek, zaczynając od JQuery, Node.JS, Angular.JS po React i Vue.js.

Dziś za pomocą JS, można stworzyć CMS, który lżejszy jest i co ważne, szybciej ładuje się. Dlatego, oprócz nauki PHP, warto też uczyć się JavaScript. 

Powstały też technologie .NET, Ruby, Python itd. Jak widać, konkurencja jest silna i nie należy ograniczać się tylko do jednej technologii webowej. Później może okazać się, że PHP na hostingu zostanie usunięty!