Przegląd paradygmatów programowania

Każdy kto programuje bez względu na to, czy tworzy małe programy, czy duże, wie czym są paradygmaty programowania. Początkujący mogą mieć z tym problem, problem z tym zagadnieniem.

Czym jest paradygmat?
Nie jest to nic innego jak wzorzec, przykład danego kodu.
Aby lepiej zrozumieć paradygmaty, zacznijmy od przeglądu paradygmatów, jakie występują w programowaniu.
Poniżej umieszczam schemat, który mówi co do czego należy.

I tu teraz początkujący mogą mieć znaki zapytania, czy proceduralny kod jest taki sam jak strukturalny? Nie.
Proceduralny kod, to kod programu w formie bloków jaki ma napisać programista. Może to być biblioteka, którą dołącza się do programu.

Przykład. W grupie jest 10 programistów. Każdy z nich otrzymuje zadanie, aby napisać część programu. Gdy każdy programista napisze program, wtedy łączy się w całość.

Strukturalny kod, to kod w którym widać wszelkie pętle, odwołania do programów (plików), instrukcje warunkowe spełniające pewien warunek.

Programowania obiektowego nie muszę opisywać, bo wiadomo o co tu chodzi:)

Programowanie funkcyjne, to kod, gdzie dany wynik jest otrzymywany za pomocą funkcji. Przykładem może być rekurencja.

Jeżeli chodzi o programowanie logiczne, to odsyłam do wyczerpującego materiału, który jest dostępny pod tym adresem:
http://www.math.uni.opole.pl/~ebryniarski/wprowadzenie%20do%20programowania%20logicznego.pdf

Formularze: Bootstrap Contact Form

Nie jeden webmaster, programista tworzył formularze od małych składających się z kilku pól aż po formularze rozbudowane (gdzie jest więcej pól, opcji wyboru itd.).  Od kilku lat w internecie jest przydatny framework, który nie tylko  odpowiada za rensponsywne działanie stron, ale i też współpracuje z językami Javascript i php.

Mowa jest o frameworku bootstrap. Jeżeli chodzi o same formularze i ich budowę, strukturę oraz wykorzystanie kodu php, polecam stronę, która dobrze i ciekawie to przedstawia. Warto zapoznać się a nóż przyda się, jak nie teraz, to w późniejszym czasie.
O to adres strony:
https://bootstrapbay.com/blog/working-bootstrap-contact-form/

4WP: Wydajność stron internetowych

Czasem zastanawiamy się, dlaczego wolno ładują się nasze strony, które sami stworzyliśmy. Jeżeli nawet zarządzamy swoim blogiem, który jest na innym serwerze, też czasem może powodować wolne ładowanie stron. Jednak skupmy się na projektowaniu stron od zera i nad wydajnością naszej strony.
Bardzo łatwo jest napisać kod strony w technologi HTML5 + CSS. Kod jest kodem, ale już przychodzi nam do głowy wygląd, czyli po prostu grafika. Z drugiej strony, możemy stworzyć stronę w php, który też ma obsługiwać bazę danych, innymi słowy pobierać dane i wyświetlać na stronie.
Dobrze, ale jaki to ma związek z wydajnością strony internetowej? A ma i ma duży związek.
Zacznijmy od pytania, czym jest wydajność? Słyszy się o wydajności komputera, wydajności serwerów itp., ale co to jest wydajność? Tobie czytelniku pozostawiam to pytanie, jako praca domowa.
Wydajna strona internetowa, to taka strona, która bez żadnych problemów ładuje się i nie pozostawia żadnych błędów w ładowaniu się stron, mało to, też zależy od i tu uwaga!, od serwera na którym jest nasza strona.
Aby Wam przybliżyć pojęcie tego tematu, stworzyłem diagram, schemat wydajności stron internetowych.

 Jak widać na powyższym diagramie, wszystko zależy od serwera i od usług jakie mamy. Również zależy od tego co już wyżej napisałem od bazy danych. Jeżeli nasza strona a właściwie kod, łączy się z bazą danych, to też zależy od zapytań do bazy i odczycie z niej, tu przychodzi pojęcie wydajne zapytania do bazy danych.
Kod nie jest powodem wolnego ładowania się stron a raczej grafika i waga tych grafik, później kod, który odpowiada za ładowanie grafik i łączenie się z bazą danych.
Skończyły się czasy, gdzie tworzyło się jeden duży nagłówek, który powodował wolne ładowanie się stron. Teraz  stosuje się RWD (Responsive Web Design). Jeżeli są jeszcze takie strony, to ich jest mało lub nie są aktualizowane. Kolejna sprawa, która dotyczy wydajności stron są wszelkie animacje flash i reklamy, coś takiego jest na darmowych hostingach oraz darmowych blogach. Pamiętajmy, że im więcej reklam jest, to też powoduje wolne ładowanie się naszej strony co może ponieść konsekwencje takie, że osoba może zrezygnować z odwiedzin naszej strony.
Myślę, że już wiesz czym jest wydajność:)

Firefox: Najlepsze wtyczki dla twórcow stron internetowych.

Projektując stronę w dowolnej technologi, nie wystarczy bazować na jednym oprogramowaniu w którym tworzy się daną stronę lub aplikację. Pomocne są różne rozszerzenia w postaci wtyczek. takie rozszerzenia mogą być w oprogramowaniu jak i w ulubionej przeglądarce internetowej.
Ja przedstawię wtyczki do firefox, te wtyczki, których używam i uważam za przydatne.

Firebug
Bez wątpliwości na pierwszym miejscu, będzie wtyczka Firebug, możemy sprawdzać kod html, css, js jak i DOM. Tu odsyłam to wtyczki i opisu:  https://addons.mozilla.org/pl/firefox/addon/firebug/

Web Developer
Druga wtyczka, która też jest przydatna, to web developer. Dzięki tej wtyczce, można sprawdzić kod css, ciasteczka, formularze, rozmiary okien, kod źródłowy. Nie które z wymienionych, można zobaczyć w firebug, ale moim zdaniem jest wart uwagi ta wtyczka i jest dostępna pod tym adresem:
https://addons.mozilla.org/pl/firefox/addon/web-developer/?src=dp-dl-oftenusedwith

Kolejne wtyczki o których napiszę, dotyczą sprawdzania koloru, rozmiaru w pikselach danego elementu na stronie internetowej a to:
MeasureIt - wystarczy włączyć, strona stanie się taka we mgle, ale zaznaczając element i pojawia się linijka. I wiemy już jaki rozmiar ma dany element. Aby ją zainstalować, wystarczy wejść pod ten adres: https://addons.mozilla.org/pl/firefox/addon/measureit/?src=dp-dl-oftenusedwith

ColorZilla - zazwyczaj w programach graficznych mamy paletę koloru, która nam pokazuje kod w hex, aby użyć w css, po to aby uzyskać dany kolor. Teraz wystarczy wtyczka i nie musimy używać programu graficznego. Jednak jest ale!, programy w których tworzy się strony, są już takie palety wbudowane lub mają możliwość zainstalowania takiej wtyczki, więc mamy do wyboru, albo w programie albo korzystać w przeglądarce.
Wtyczka jest interesująca, sam z niej korzystam, lecz nie jest obowiązkowa u każdego webmastera, to kwestia gustu i przyzwyczajeń. Wtyczka jest dostępna pod tym adresem:
https://addons.mozilla.org/pl/firefox/addon/colorzilla/?src=dp-dl-oftenusedwith

Przedstawiłem kilka wtyczek, ale może być i jest ich więcej, gdzie każdy może używać zupełnie innych wtyczek! Ale bazową i najczęściej używaną wtyczką jest firebug.

Grafika: Obliczanie wielkości obrazka

Obliczając wielkość obrazka należy wziąć pod uwagę jeden warunek, musi być obraz nieskompresowany.
Dobrze a jak oblicza się wielkość obrazka? Tu podaję dwa przykłady.

• 1024x2048x8 =16777216/8= 2097152/1024= 2048/1024= 2 MB
• 800x600x3 = 1440000/1024 = 1406,25/1024 = 1,37 MB - (x3 - w przypadku 24 bit)

I tak oblicza się wielkość obrazka. Nie jest to jakimś odkryciem, ale zazwyczaj takie zadania padają na grafice komputerowej podczas zaliczeń przedmiotu. 

Pytania? Zadaj w komentarzu:)

Programowanie w Turbo Pascal - Online!

Dla osób, którzy chcą poznać nowe narzędzie do tworzenia aplikacji w języku Pascal, polecam stronę, który zrzut jest poniżej z linkiem.

A tu jest link do strony: http://pascal.kurs-programowania.pl/
jest to ciekawa strona i można pisać aplikacje nie instalując na komputerze dodatkowych programów. Jednak patrząc z innej strony, pisanie aplikacji za pomocą tej strony i to na dłuższą metę, nie jest wygodne. Wystarczy brak internetu i strona nie działa.
Mimo, to jest to dobra strona dla początkujących i zaawansowanych użytkowników, którzy programują w pascalu/Delphi.

Najczęstrze popełniane błędy podczas projektowania, tworzenia stron internetowych.

Nie ma znaczenia w jakim języku będziesz programować swoją aplikację internetową. Czy to proceduralny kod będzie, czy obiektowy, nie ważne. Ważne jest za to, jak ty podchodzisz do swojego projektu i ile czasu na to przeznaczasz.

Błąd 1:
Nie projektuj strony na szybko, po to aby było!
Chodzi o to, aby nie projektować szybko i już programować, ponieważ w trakcie zawsze zmieni Ci się koncepcja projektu i cały czas jaki ty poświęciłeś, pójdzie w błoto.

Błąd 2:
Nie twórz kilu projektów naraz!
Jeżeli w grupie tworzysz na zamówienie klienta, jeszcze można tak robić, ale przeważnie jeden projekt jest podzielony na osoby. Przykład: jedna osoba tworzy logowanie i rejestrację, druga tworzy czat, trzecia forum a później składają w całość.
Jeżeli chodzi o sam jeden projekt, który jest tworzony przez Ciebie i sam tworzysz, to nie twórz kilku projektów naraz! Pogubisz się. Lepiej przemyśleć i dalej pisać stronę. To też dotyczy samej strony, która składa się z HTML5 i CSS3.

Błąd 3:
Nie instaluj aplikacji na szybko. Nie pisz, że już jest! Przyznam się, że raz tak mi się zdarzyło, ale to jak byłem na pierwszym roku studiów informatyki. Ta metoda dotyczy instalacji gotowych projektów, które wymagają jedynie konfiguracji (czyli skrypty CMS).
Zanim zainstalujesz lub wdrożysz, zastanów się nad tematyką, kategoriami, grupą docelową (do jakich osób ma trafiać dana strona) a na sam koniec skonfiguruj. Dopiero po tym, możesz reklamować, zapraszać ludzi na swoją stronę.


To są podstawowe błędy przy tworzeniu i wdrażaniu na serwer.
Należy zapamiętać, gdy tworzy się, to najlepiej narysować szkic wyglądu strony, funkcje jakie ma spełniać strona a dopiero na sam koniec tworzyć.

Tworzenie stron w PHP: Obiektowo czy proceduralnie?

Każdy kto zaczyna naukę programowania, zaczyna od podstaw co jest normalne w nauce programowania. Następnie przychodzi czas na naukę programowania obiektowego, gdzie wchodzą w rolę klasy, obiekty, dziedziczenie itp.
Tworząc stronę w języku php, możemy napisać proceduralnie lub obiektowo. Do dziś możemy tworzyć strony w php pisząc proceduralnie, lecz nosi to za sobą pewne wady. Kiedy trzeba porównać więcej danych niż jedno, trzeba użyć więcej instrukcji warunkowych, kiedy w programowaniu obiektowym, możemy ustalić jeden warunek aby spełniał całą funkcję.
Nie od dziś, ale od kilku lat, wykorzystuje się frameworki stosując wzorzec MVC. Także wszelkie biblioteki javascript i RWD (Rensponsive Web Design), to dziś jest ważne w tworzeniu stron.
Można tworzyć proceduralnie, ale taka strona może być narażona na błędy lub gorzej może działać. Popularny cms php-fusion nie jest napisany obiektowo. Napisany jest proceduralnie i co gorsza!, używa przestarzałego połączenia do bazy ->mysql_query. Tragedia!

Popularny WordPress, również nie jest napisany obiektowo, ale uwaga!, wtyczki już tak.

Nie powiedziałbym, że pisząc w php stronę, która ma kod proceduralny, musi być  fatalnym wyborem, ale nie zastosujesz frameworku, gdy cała strona jest właśnie napisana proceduralnie!
A to oznacza, że  będzie ograniczona!
To jaką stronę stworzysz, zależy wyłącznie do Ciebie!

O wzorcu MVC kieruję pod ten adres:
http://pl.wikipedia.org/wiki/Model-View-Controller

Tworzenie stron:Odwołania do arkuszy stylów CSS.

Gdy zaczynamy tworzyć stronę, zaczynając od struktury strony w HTML, trzeba pomyśleć nad stylami css i jak zrobić odwołania do tych plików.
Początkujący mają z tym problem, zaawansowani, weterani tworzenia stron, programowania, nie mają z tym problemu:)

Jeżeli cały styl strony napiszemy w jednym dokumencie  html, to strona i styl będzie tylko bazowała na tym dokumencie. Jeżeli stworzymy kolejny plik HTML i chcielibyśmy, ten sam styl dać, to trzeba skopiować cały styl jaki napisaliśmy i ponownie wkleić do nowego dokumentu. A co jeżeli mamy takich plików HTML 10, 20 lub 100 a nawet więcej? Mnóstwo czasu zabierze nam kopiowanie i wklejanie. To jest minus takiego stosowania i zazwyczaj nie jest zalecane, chyba że dla jednej strony.

Dziś gdy tworzy się profesjonalne strony z użyciem biblioteki JQuery, biblioteki Bootstrap i RWD (Responsive Web Design), to tworzy się katalogi na poszczególne pliki aby zachować porządek.
takimi katalogami na pliki mogą być:

• katalogi na pliki konfiguracyjne napisane w php lub w innym języku,
• katalogi z obrazkami,
• katalogi ze stylami CSS,
• katalogi z biblioteką JQuery lub JavaScript itd.

Za odwołanie do pliku css, odpowiada taka składnia:

HTML 4
<link href="nazwa.css" rel="stylesheet" type="text/css">
HTML5
<link rel="stylesheet" href="nazwa.css">

Podałem jak to występuję w HTML4 i HTML 5.Prawda, ze banalna składnia? Najlepiej jest stosować oddzielne arkusze stylów, to pozwala nam zmieniać stronę/strony za jednym zamachem.
Jeżeli mamy w katalogu np: css, plik z naszym arkuszem styli, to musimy napisać w odwołaniu:  
href="nazwa_katalogu/twój plik.css" .
Dałem nazwy aby było wiadomo co i jak.