Pomagam dzieciom!

Standardy programowania / Profesjonalna strona internetowa

Standardy programowania / Profesjonalna strona internetowa

Tagi: AJAX, AngularJS, Bootstrap, CSS3, HTML5, jQuery, programowanie, RWD, strony www

iREBU Specjalista WordPress

WordPress / Hosting / Pozycjonowanie / Seo


I. HTML5

Wykorzystywany do tworzenia struktury stron internetowych, rozmieszczenia w niej elementów i treści. Najnowszy standard, HTML5, umożliwia ładowanie strony internetowej szybciej i sprawniej niż wcześniejsze wersje. Dzięki temu strony działają o wiele płynniej, co przekłada się również na lepsze wrażenia odwiedzających.

W HTML5 dodano wiele nowych elementów, które znacznie ułatwiają tworzenie stron internetowych:

  • tagi do zarządzania treścią: header, nav, section, article, aside, figure, figcaption, video, audio, time, footer,
  • typy pól input: number, tel, email, url, search, datetime, date,
  • atrybuty elementów formularzy,
  • elementy api,
  • metody DOM.

II. CSS3

Służący do opisu wyglądu strony internetowej, odstępów, kolorów napisów, czy tła. Do najnowszej wersji, CSS3, dodano wiele nowych elementów, w tym poprawiające zgodność z urządzeniami mobilnymi:

III. RWD / Bootstrap

Biblioteka CSS zawierająca zestaw narzędzi zapewniających łatwe i szybciej tworzenie stylu interfejsu graficznego oraz dostosowanie go do telefonów i tabletów. Jest stosowana do stylizacji nawigacji, tekstów, formularzy, pozwala na tworzenie stron internetowych bez konieczności pisania wszystkiego od zera.

Biblioteka do pobrania:

IV. jQuery

Biblioteka programistyczna dla JavaScript, umożliwia łatwe i szybkie manipulowanie elementami strony internetowej, drzewem DOM. Dzięki jQuery, można dynamicznie zmieniać styl i treść elementów strony internetowej, usuwać, czy dodawać nowe elementy:

  • wykrywanie położenia myszy i stanu przycisków,
  • wykrywanie przycisków klawiatury,
  • tworzenie, modyfikacja i usuwanie fragmentów kodu HTML,
  • budowy akcji, projektowania złożonych animacji.

Biblioteki do pobrania:

V. AngularJS

Biblioteka dla języka JavaScript umożliwia budowanie dynamicznej struktury stron internetowych zgodnie ze wzorcem MVC (model-widok-kontroler). Zapewnia możliwość przypisania elementów wejściowych i wyjściowych do modelu, takie dwukierunkowe wiązanie danych redukuje ilość kodu i przyspiesza proces tworzenie interaktywnych aplikacji.

VI. AJAX

Technika tworzenia strony internetowej, w której interakcja użytkownika z serwerem odbywa się bez konieczności przeładowywania aplikacji. Oznacza to, że przeglądarka internetowa wysyła żądanie do serwera i oczekuje na odpowiedź w tle, bez przerywania działania strony. Gdy odpowiedź jest gotowa, strona internetowa może wykorzystać odebrane dane do jej aktualizacji, bez konieczności odświeżania. Umożliwia to bardziej dynamiczną interakcję niż w tradycyjnym modelu, w którym każde żądanie nowych danych wiąże się z przesłaniem całej strony internetowej.

VII. WCAG

Standard dostosowania stron internetowych dla osób niepełnosprawnych, koncentruje się na zapewnieniu dostępności dla osób z niepełnosprawnościami wzroku, słuchu i ruchu.

WCAG definiuje trzy poziomy dostępności: A, AA i AAA. Każdy poziom opisuje zbiór wymagań, które muszą być spełnione, aby strona internetowa była dostępna dla osób z niepełnosprawnościami.

WCAG jest to zbiór wytycznych opracowanych przez międzynarodową organizację, aby każdy mógł łatwo i wygodnie korzystać z treści strony internetowej:

  • opisy linków oraz zdjęć,
  • kontrast elementów funkcjonalnych i przekazujących treść musi mieć odpowiedni stosunek jasności tekstu do tła:
    • co najmniej WCAG AA, 4,5:1 dla małych tekstów i 3:1 dla dużych tekstów,
    • najlepiej WCAG AAA, 7:1 dla małych tekstów i 4,5:1 dla dużych tekstów,
  • duża wielkość tekstu, tekst o wielkości przynajmniej 18 pt lub 14 pt pogrubiony,

VIII. SEO

W HTML5 można używać tagów semantycznych, które ułatwiają robotom wyszukiwarek zrozumienie struktury strony. Standard optymalizacji stron internetowych dla wyszukiwarek oraz sieci społecznościowych, opisany w artykule Optymalizacja dla wyszukiwarek oraz sieci społecznościowych.

POLECANE / Nowoczesne strony WWW HTML5 CSS3 Adobe Muse Wordpress


Doświadczenie

Na rynku działam ponad 15 lat, zrealizowałem setki projektów. Przede wszystkim lubię swoją pracę, jest ona moją pasją.

Wiedza i innowacyjność

Nieustannie poszerzam swoją wiedzę i rozwijam umiejętności. W codziennym cyklu pracy nigdy nie może zabraknąć czasu na branżowe szkolenia czy konferencje, czytanie blogów oraz testowanie nowych rozwiązań.

Zaangażowanie

Powierzone mi zadania zawsze wykonuję rzetelnie i solidnie. Żadna aplikacja nie zostanie przeniesiona na docelowy serwer bez przejścia przez szereg testów. Błędy, oczywiście, zawsze mogą wystąpić, nie zaprzeczam im. Moim priorytetem jest szybkie i sprawne ich usunięcie.

Elastyczność

Kontakt możliwy również wieczorami i w weekendy. W awaryjnych sytuacjach, wykonuję ekspresowe zadania, także w trybie weekendowym, z krótkim terminem wykonania.

Referencje

  • logo play
  • logo plk
  • logo pkp-cargo
  • logo uniwersytet-warszawski
  • logo politechnika-poznanska
  • logo uniwersytet-adama-mickiewicza
  • logo termy-maltanskie
  • logo rzeczpospolita
  • logo v33
  • logo ferguson
  • logo unitra
  • logo wyzsza-szkola-urody-i-edukacji
  • logo wyzsza-szkola-handlu-i-uslug