[jQuery] Testowanie kodu jQuery

Podziel się

[jQuery] Testowanie kodu jQuery - http://webprojektant.plJeśli do tej pory nie miałeś w zwyczaju sprawdzania poprawności swojego kodu JavaScript testami, prawdopodobnie testujesz działanie strony bezpośrednio w przeglądarce, klikając elementy i oczekując na pojawienie się błędu. Kiedy napotkasz błąd, możesz go poprawić i dalej testować działanie skryptów. Jest to bardzo popularne podejście do testowania JavaScript. Przede wszystkim jest jednak błędne. Manualne testowanie zaimplementowanych funkcjonalności to czasochłonny proces. Wymaganie, aby programista za każdym razem weryfikował działanie skryptów, opóźnia proces tworzenia aplikacji. Oczywiście ten obowiązek może przejąć tester aplikacji, wolelibyśmy jednak zredukować tego rodzaju koszty w procesie rozwoju aplikacji.
Ponadto testująca osoba może przeoczyć niektóre niedociągnięcia. Nawet po poprawieniu błędów wkrótce mogą się one ujawnić ponownie, dlatego nawet na późniejszych etapach rozwoju aplikacji musisz nadal sprawdzać funkcjonalność, która została już przetestowana. Jeżeli zdarzy Ci się coś przeoczyć — wówczas błędny kod może znaleźć się w środowisku produkcyjnym aplikacji, a co za tym idzie — klienci odwiedzający stronę dostrzegą błędy. Testowanie manualne prawie zawsze prowadzi do regresji i przypadkowo ujawniających się błędów na stronie. Rozwiązaniem tych problemów jest wprowadzenie automatycznych testów pokrywających zaimplementowany przez Ciebie kod Java-Script.

Czytaj więcej: [jQuery] Testowanie kodu jQuery

[jQuery] Jak działa jQuery - podstawy

Podziel się

[jQuery] Podstawy jQuery z oficjalnej strony - http://webprojektant.pljQuery: Podstawy

To jest podstawowy przewodnik, zaprojektowany aby pomóc Tobie zacząć pracę z biblioteką jQuery. Jeśli nie masz przygotowanej jeszcze strony testowej, to zacznij od utworzenia nowego pliku HTML z następującą zawartością:

<!doctype html>
  <html>
  <head>
  <meta charset="utf-8">
  <title>Demo</title>
  </head>
  <body>
  <a href="http://jquery.com/">jQuery</a>
  <script src="jquery.js"></script>
  <script>
  
  </script>
  </body>
  </html>
  

Czytaj więcej: [jQuery] Jak działa jQuery - podstawy

[SEO] Słownik pojęć pozycjonera

Podziel się

[SEO] Słownik pojęć pozycjonera - http://webprojektant.plPR(PageRank) - wskaźnik określający wartość danej strony. Wartość PR jest określana przez algorytm stosowany przez wyszukiwarkę Google. W tej chwili nie ma on faktycznie większego znaczenia i nie wpływa na pozycję strony. Jednak nadal jest brany pod uwagę(z przyzwyczajenia) jako główny wskaźnik wartości witryny. Wartość PageRank określa się w liczbach od 0 do 10, gdzie 0 również jest wskaźnikiem(witryna może nie posiadać nawet zera). Na wysoki PR, mogą mieć wpływ ilość i jakość linków prowadzonych na nasza stronę.

Anchor text - opis/tytuł odnośnika, widoczny na stronie

Linki wychodzące - link na naszej stronie, kierujący do innej witryny(również ma znaczenie przy ustalaniu wartości strony przez Google)

Czytaj więcej: [SEO] Słownik pojęć pozycjonera

[ecommerce] Jak zarobić na stronie

Podziel się

[ecommerce] Jak zarobić na stronie - http://webprojektant.plWcześniej czy później, każdy właściciel strony internetowej zainteresuje się tym tematem.; jak zarobić na swojej stronie?. Nie owijając w bawełnę - jest to bardzo trudne. Ale po kolei. Jest kilka sposobów na wyciśnięcie z witryny przysłowiowych parę złotych. A głównym z nich są programy partnerskie

Programy partnerskie(afiliacyjne) – programy partnerskie polegają zwykle na reklamowaniu i czerpaniu zysków-prowizji od sprzedaży jakiejś usługi lub towaru. Mówiąc w prosty sposób: umieszczasz baner lub link partnerski na swojej stronie, a jeżeli za jego pośrednictwem jakiś internauta przejdzie do strony firmy którą reklamujesz, coś kupi lub dokona innej akcji, Ty masz z tego jakiś procent zysku lub określoną płatność. Program partnerski oferuje wiele firm, zarówno małych jaki i dużych, począwszy od sklepów, po przez banki czy firmy oferujące jakąś usługę. Aby móc skorzystać z programu partnerskiego należy w takim się zarejestrować, a następnie pobrać materiały promocyjne(z kodem identyfikujących tylko Ciebie) i wstawić je na swoją witrynę. Oczywiście najlepiej aby tematyka takiej reklamy miała coś wspólnego z tematyką witryny(tzw. reklama kontekstowa).

Czytaj więcej: [ecommerce] Jak zarobić na stronie

[SEO] Na czym polega pozycjonowanie, jak pozycjonować stronę www

Podziel się

[SEO] Na czym polega pozycjonowanie, jak pozycjonować stronę www - http://webprojektant.plPozycjonowanie - są to czynności, które sprawiają, że nasza strona na daną frazę będzie wysoko w wyszukiwarkach. Bo niestety tylko mały procent ludzi wchodzi na drugą stronę, a jeszcze mniejszy na trzecią. A więc od czego zależy to, że nasza witryna będzie wysoko w wynikach wyszukiwarki? Odpowiedź jest jedna – linki. Dokładniej rzecz ujmując, linki do twojej strony z innych stron. To właśnie nadaje moc każdej witrynie.

Najlepszą opcją są jednak linki tekstowe o frazie która Cię interesuje. Czyli nie http://jakzalozycstrone.info , a np. zakładanie strony. Zamiast gołego linka robimy link tekstowy, który przenosi internautę do naszej strony głównej lub podstrony, z którą jest związana fraza. W tym wypadku "zakładanie strony" jest to tzw. anchor text. Jeżeli nigdy nie robiłeś linku tekstowego, możesz to poćwiczyć choćby w wordzie(podobnie wygląda to w kreatorze stron czy CMS-ach).

Czytaj więcej: [SEO] Na czym polega pozycjonowanie, jak pozycjonować stronę www

[Inne] Najważniejsze parametry, czyli na co zwrócić uwagę przy wyborze serwera

Podziel się

[Inne] Najważniejsze parametry, czyli na co zwrócić uwagę przy wyborze serwera - http://webprojektant.plAby założyć własną stronę, potrzebujesz dwóch niezbędne rzeczy, mianowicie serwer(hosting) i domenę.

Serwer(hosting) – jest to miejsce na którym będzie się znajdowała i funkcjonowała twoja strona, oraz wszystkie jej zasoby, można to porównać do dysku znajdującego się w każdym komputerze. Trzeba oddzielić serwer od serwera wirtualnego, zwanego hostingiem. Hosting jest miejsce wyodrębnione dla Ciebie znajdujące się na serwerze.

Domena - jest niczym innym jak nazwą strony np. twojastrona.pl. Przy zakupie domeny masz mnóstwo możliwości, bo może być ona z końcówką .com, .com.pl, .info, .net, .ue, .biz. Domena .pl jest domeną krajową, a np. .com lub .net, domeną globalną. Warto dodać, że domena .pl jest zwykle najdroższa. Domeny globalne są nawet o połowę tańsze, a najtańsze są regionalne np. waw.pl. Są też domeny komercyjne regionalne jak com.pl. Pierwsza rejestracja domeny jest zwykle na zasadach promocyjnych i nie kosztuje wiele lub nic, jednak każdego roku musisz ją odnawiać co kosztuje w zależności od domeny i usługodawcy, od 40 do 120 zł. zdecydowana większość firm hostingowych oferuje zarówno sprzedaż hostingu jaki domen. Zatem domenę zarejestrujesz tam gdzie wykupisz serwer, choć możesz to zrobić tam gdzie jest taniej i podpiąć ją pod swój serwer.

Czytaj więcej: [Inne] Najważniejsze parametry, czyli na co zwrócić uwagę przy wyborze serwera

[Inne] Jak zaistnieć w sieci

Podziel się

[Inne] Jak zaistnieć w sieci - http://webprojektant.plGdy już stworzysz swoją stronę, to przychodzi czas na to, aby była widoczna dla wyszukiwarek, a głównie dla jednej - Google. Bo co z tego, że twoja witryna będzie gotowa, jak nikt o niej nie będzie wiedział i nikt na nią nie wejdzie?. Pierwszym etapem jest zadbanie o to, aby twoja witryna zostało zindeksowana przez Google( wyszukiwarkę, którą używa 98 % internautów). Indeksacja oznacza to, że robot Google wejdzie na twoją stronę i „oznajmi” wyszukiwarce, że pojawiła się taka i taka strona o danej treści. Aby dodać stronę do wyszukiwarki należy wejść na adres: www.google.pl/addurl/, i wpisać swój adres url strony, lub wstawić na swoją witrynę wskaźnik PageRank: www.google-pagerank.pl/

Choć te czynności są ważne, to niestety nie sprawią, że nasza strona pojawi się wysoko w wyszukiwarkach, i będzie na nią wchodzić dużo internautów. Za te czynniki odpowiada tzw.pozycjonowanie.

Pierwszym etapem pozycjonowania jest przemyślenie tego, jakich fraz i słów kluczowych będzie dotyczyła twoja strona. Postaw się w roli internauty i pomyśl co może wpisać w wyszukiwarkę, aby trafił na twoją witrynę. Oczywiście frazy te muszą mieć coś wspólnego z tematem strony i występować w jej treści. To jak sprawdzić popularność danych fraz znajdziesz w kategorii pozycjonowanie. Gdy już tego dokonasz należy uzupełnić znaczniki"meta tagi" na twojej witrynie. Opcja ta jest dostępna w większości kreatorach i CMS-ach, bez wgłębiania się w kod strony.

Czytaj więcej: [Inne] Jak zaistnieć w sieci

[HTML] Wybrane encje HTML i sekwencje JS oraz CSS

Podziel się

[HTML] Wybrane encje HTML i sekwencje JS oraz CSS - http://webprojektant.plWybrane encje HTML i sekwencje JS oraz CSS dla polskich liter i innych znaków narodowych, interpunkcyjnych, matematycznych i specjalnych.

Trochę jako ciekawostka, trochę jako doraźna pomoc dla tych, którzy nie dysponują edytorem pozwalającym na zapis znaków spoza US-ASCII jako encje, do tego uwagi na temat niektórych znaków i ich przeznaczenia. Niektóre znaki obecne są tylko w niektórych czcionkach i w przypadku braku odpowiedniej czcionki będą wyświetlone jako znaki zapytania lub puste klatki, więc przynajmniej na razie stanowią wyłącznie ciekawostkę. IE nie potrafi pokazać bardzo wielu znaków, co jeszcze bardziej ogranicza możliwość użycia wielu ciekawych znaków. Gwiazdką w kolumnie „Uwagi” oznaczone znaki istniejące w ISO-8859-2.

Strona prawidłowo wyświetla się w Fx 1.5x, 2.0x i 3.0x i późniejszych, w Operze 8.54 i późniejszych oraz w Konquerorze 3.5.5 i Chrome, Internet Explolerze. W Operze 9.2x coś spsuto i nie wyświetlają się w ogóle osobne ogonki, a wszystkie spacje mają tę samą szerokość.

Czytaj więcej: [HTML] Wybrane encje HTML i sekwencje JS oraz CSS

[Javascript] Frameworki Javascript

Podziel się

[Javascript] Frameworki Javascript - http://webprojektant.plLiczba aplikacji internetowych, które są tworzone i wykorzystywane gwałtownie wzrosła od kilkunastu lat. I co najważniejsze, tak samo wzrosła ich złożoność - szczegónie pod kątem front end. Nigdy więcej statycznych stron, nie proszę Państwa!

Masz mnóstwo sekcji na stronie, które współdziałają ze sobą plus serwer i tak, to jest wystarczająco skomplikowane. Dziś chciałbym napisać o kilku frameworkach Javascript jakie możemy wybrać, które mają na celu uproszczenie tworzenia aplikacji front end.

Dlaczego potrzebujemy takich frameworków

Kreowanie interaktywnych, płynnych i łatwych w utrzymaniu interfejsów dla aplikacji webowych nie jest tak łatwe jak sie wydaje nie jednemu - potrzeba wysyłać dane do serwera i sparsować wyniki, aktualizować przchowywane dane, widoki (views) muszą zostać renderowane i wiele innych rzeczy jakie muszą zostać wykonane w tle. Deskopowi programiści (nie pracujący nad aplikacjami webowymi) mają znacznie łatwiej, posiadają profesjonalene narzędzia. A co z web deweloperami? Byli zmuszeni do żąglowania pomiędzy elementami DOM, kreowaniu modeli ręcznie i wyrywaniu włosów z głowy starając się to wszystko ogranąć.

Czytaj więcej: [Javascript] Frameworki Javascript

Więcej artykułów…

  1. [SEO] Seopilot.pl czy warto?
  2. [Inne] Czym są domeny internetowe?
  3. [SEO] Prosty sposób na zaplecze
  4. [Inne] Wybór serwera i domeny
  5. [SEO] Jak katalogować stronę internetową

WEBprojektant.pl na YouTube!

Kanał WEBprojektant.pl na YouTubeMam przyjemność ogłosić, że działa nasz kanał na Yotube - WEBprojektant.pl - poradnik webmastera, gdzie możecie znaleźć nasze video tutoriale.

Może nie jest tam jeszcze porażająca ilość poradników dla webmasterów, ale postaram się aktualizować kanał w miarę możliwości. Proszę Was o tematykę jaką chcecie, aby poruszyć w kolejnych tutorialach. Łatwiej mi będzie wybrać na czym się skoncentrować.

Może się przydać

Top 3 webmaster

Nasze statystyki

Użytkowników:
130
Artykułów:
224
Odsłon artykułów:
3279893