Létrehoztam az önképzési responsive weboldalam 1. rész

2022. január 9.-én estén publikáltam a responsive tesztoldalamat (demo), természetesen újabb, azaz eddiginél szeparálva, azaz más módszer szerint fejlesztettem ki, mint az önképzést.

Itt meglehet nézni a demo honlapom: demo.juszkocs.hu

Nem néztem meg az egyetlen versenytárs cégeket, hogy jobban elkészítsem ezt, hanem spontán, véletlenszerűen és hivatalos felhasznált technológiai honlapokat átnéztem.

Több mint 2 évvel ezelőtt amikor elkészítettem a Google AMP - autókereskedelmi webáruházi demomat, ez minta alapján át lett alakítva a Bootstrap 5-ös verzió szerint megfeleljenek.

Csak annyi különbség, hogy azóta variáltam párat, hogy jobb legyen, illetve bővítettem olyan funkciókat, amik teljesen újak lettek.

Kreatív elképzelések és arculati tervek megvalósítása kedvért kialakítottam a weboldalamat, mely még felhasználóbaráttá tettem ezt.

Természetesen szokásos szerint letisztult és kontakt szem szerint könnyen olvasható lett.

Megjegyzés: csupán ez tesztoldal és mindenhol szinte alapilag (nincs védve a jogok, majd el fog jönni és akkor teljesen más lesznek, azaz másképpen csinálnám) szerint publikálva lett.

Felhasznált technológiák:

• Bootstrap 5.1.3. - CSS felhasználása + egyedi új arculat design sablon fejlesztés és implementálás
• Bootstrap 5.1.3. - JS fájl felhasználása
• Font Awesome 5.15.3. - Ikonkatalógus felhasználása
• Pluginok felhasználása (jQuery felhasználása): Waypoint (animate), Isotope (szűrő, mint filter), Gallery, toTop
• Custom.js írása - egyedi fejlesztés (pluginok deklarálása, fix menürendszer (natív JavaScript))

Egyebeket kiegészítve (demoként):

• manifest
• schema.org (típusok hozzá lettek adva: AutoDealer, Product, Article (alap meg BlogPosting))
• mérések (head közé követőkód, event mint onclick sorok (tel, email, letöltés PDF))

Verziószáma:
1.0

Technikai elemzések

W3C Validátor - webes szabványok és HTML kódjának a helyessége vizsgálat

Nincsenek hibák és se figyelmeztetések. Ez helyes.

Mobile Friendly - Mobil felhasználóbarát vizsgálat

Nincsenek betöltési problémák és igen mobilbarát oldal. Ez helyes.

PageSpeed - Sebességpont adatok és időmérés vizsgálat

Mobilon 61, desktopon pedig 95 pontot kaptam, ez bőven alapilag és optimalizva lettek a sebesség pontozáson és időmérésen szerint. Ugyanis igen helyes.

Böngésző és gépek vizsgálat

Chrome böngészőben F12 funkció alatt, vagyis Fejlesztői eszközök alatt csekkoltam a desktop felbontástól mobil felbontásig (320px-ig megfelelően). Illetve a saját mobilomon, azaz Android-on belül is teszteltem.

Sajnos nekem nincs meg az Iphone készülék, ahhoz kérnem kell, hogy megtudjam nézni.

A https://getbootstrap.com/docs/5.1/getting-started/browsers-devices/ oldalon szerint megengedett:

• Chrome >= 60
• Firefox >= 60
• Firefox ESR
• iOS >= 12
• Safari >= 12
• not Explorer <= 11

Mobilon(iOS és Android készülékeken) összes böngészőket támogat, kivéve az Android-nál alapértelmezett böngésző esetén a browser&webview-n minimum csak v6-tól támogat.

Összefoglalás

2020 december elsejétől munkanélküli voltam a számos okokból, ezért amikor tudtam és az időm megengedett, folyamatosan olvasgattam, átnézegettem és kipróbáltam sok mindent ami TELJESEN ÚJAK, mint alapilag, hogy jól tudjak felkészülni az új munkát.

Mindenhol egyedül kezeltem a dolgokat, így megeshet az apró hiba jelentkezik.

Emberek vagyunk, mindenkinek van rossz oldala, azaz gyenge pontja.

Előny, ha egymáson segíteni a közös munkát, azt hogy:

• egyik feladaton az “A ember” ellenőrzi a “B ember” az elvégzett munkáját,
• másik feladaton pedig “B ember” ellenőrzi az “A ember” az elvégzett munkáját.