Haladó webfejlesztő tanfolyam

A webfejlesztés mindig egy kiterjedt ismereteket igénylő feladat volt, mert a kreativitás mellett a legfontosabb a modern fejlesztőeszközök ismerete. A manapság a weben felhasznált frontend technológiák megkönnyítik a vizuálisan és strukturálisan is igényes oldalak felépítését. Mindezek mellett természetesen elsődleges cél a felhasználói élmény fokozása, mely alapjaiban megszabja a jelenlegi webes technológiák fejlődési irányát is.

Tanfolyamunkon a résztvevők megismerkedhetnek a legújabb webszerkesztési technológiákkal, azok felhasználási lehetőségeivel és egy komplex weboldal ajánlott felépítésével.

A tanfolyam előfeltétele a HTML és CSS leírónyelvek, illetve a programozás alapjainak ismerete.

A tanfolyam előfeltétele egy beugróvizsga is, mellyel biztosítjuk, hogy a jelentkezők a szükséges előismeretek birtokában vannak.

Azok a jelentkezők, akik a Ruanderben Szoftverfejlesztő OKJ-n, 2015-ben, vagy utána sikeres záróvizsgát, vagy az utóbbi 2 évben sikeres Ruanderes Webszerkesztés és Webprogramozás vizsgát tettek mentesülnek a beugróvizsga alól, mivel ők már tanúbizonyságot tettek vizsgáinkon, hogy rendelkeznek a megfelelő előismeretekkel.

A tanfolyam megkezdésének feltételei:

Haladó Webfejlesztés

• HTML5
  • HTML5 alapok
    • A HTML 4–től a HTML 5-ig
    • Új strukturális elemek
    • Elemek és attribútumok
    • Microadatok
  • HTML5 multimédia
    • Multimédia tartalom: video és audio elemek
    • Feliratok
    • Továbbfejlesztett HTML5 médialejátszók és keretrendszerek
    • Webkamera, mikrofon használata; getUserMediaApi
  • HTML5 grafika
    • HTML5 vászon alapjai
    • Azonnali rajzolási módok: téglalap, szöveg, kép, stb…
    • Útvonal rajzolási módszerek: vonalak, körök, görbék, ívek, stb…
    • Színek, színátmenetek, minták és árnyékok
  • HTML5 animációk
    • Alap animációs technikák
    • Vászon és felhasználói interakciók
    • Bepillantás a fejlett vászontervezési funkciókba
  • HTML5 űrlapok
    • Bevezetés a HTML5 űrlapok világába
    • Űrlapok hozzáférhetősége
    • Új input típusok
    • Új űrlap attribútumok
    • Új űrlapokhoz kapcsolódó elemek
    • Űrlap validációs lehetőségek
  • HTML5 alap API-k
    • Bevezetés a HTML5 API-k világába
    • HTML5 cache
    • Webtárhely API
    • File API
    • Geolokalizált API
• CSS3
  • Tartalom
    • Betűtípusok
    • Árnyék
    • Szelektorok
    • Formázási lehetőségek
  • Elrendezések
    • Dobozos elrendezés
    • Prefixek
    • Oszlopok
    • Hátterek
  • Színek
    • Átlátszóság
    • RGBA és HSLA
    • Alpha
    • Gradiens színek
  • Borderek
    • Újra méretezhető borderek
    • Kerekített sarkok
    • Árnyékolás
    • Komplex árnyékok
  • Transzformációk (2d, 3d)
    • Rotáció
    • Nyújtás
    • Zsugorítás
    • Fordítás
  • Animációk
    • Kulcs frame-ek
    • Átmenetek
  • Gombok
    • Gombok formázása, kerekítése, árnyékolása
    • gombok animációja
  • Media
    • Méretek áttekintése
    • Eszközkorlátozások
• Less & Sass
  • Less
    • Less.js
    • Less a szerveren
    • Less alapok
    • Változók és műveletek
    • Mixin
    • Beágyazási szabályok
    • Egyéb szabályok
    • Névterek és hatókörük
  • Sass
    • Mixinek és funkciók
    • Sass és Bem
    • SMACSS és SASS
    • Sass rácsszerkezet
    • Moduláris Media
    • Manifest
    • Map
    • Debug
    • Placeholderek
    • Haladó funkciók
    • Egyéb direktívák
  • Bootstrap Less & Sass
    • Színek, linkek, Tipográfia, Ikonok, komponensek
    • Méretezés
    • Lekerekítés, dobozmodell, transzformációk, animációk
    • Átlátszóság, placeholder
    • Segédeszközök
    • Retina képek
• Javascript
  • Javascript könyvtárak
    • Mik a könyvtárak, és hogyan használhatjuk
    • Népszerű könyvtárak
    • Prototype.js és jQuery.js
  • jQuery áttekintő
    • document.ready használata
    • Szelektorok
    • Animációk
    • Eseménykezezelés
  • jQuery UI
    • Áttekintés
    • Függőségek
    • Widgetek
  • Ajax hívások
    • AJAX áttekintő
    • jQuery és az AJAX
    • Ajax előnyei és hátrányai
  • Sütik
    • Olvasás
    • Írás
    • Törlés
    • Komplex sütik
    • Áttekintő a sütik korlátairól
  • Javascript keretrendszerek
  • MVC architektúra
  • Angular
  • Node.js
• Git
  • A verziókezelés alapjai
  • A verziókezelés felhasználása
  • Git alapvető működésének megismerése
    • A GitBash használata
    • A GitGUI megismerése
  • Alapvető Git utasítások (status, add, commit, stb.)
  • Branch kezelés (fork, merge, stb.)
    • Ütközések javítása
  • Távoli Git szerver használata (pull, push)
    • GitHub és Bitbucket használata
  • Lokális projektszerver Git segítségével
    • A GitLab alapjai
  • Git Integráció fejlesztőkörnyezetekben
  • További vizualizált Git eszközök
    • GitKraken, stb.

Angular JS

• Mi is az Angular
  • Angular és egyéb Frameworkok közti különbségek
  • Angular előnyei
  • DOM elemek
• Első lépések
  • Telepítés, konfigurálás
  • Moduljai
  • Fordítás és végrehajtás folyamat
• Felhasználó által létrehozott funkciók
  • Hatókör, és globális változók
• Debug
  • Developer konzol
  • Figyelmeztetéseek és hibák
  • Debug és hibajavítás
• Architektúra
  • Boundary-k, ng-app
  • Adatkötések egyirányú, kétirányú
  • Elemek ismétlése az ng-repeat használatával
  • Controller-ek
• Építőelemek
  • Mi a View
  • Angular JS hatóköre
  • Controller komponensek
  • Direktívák
  • Szűrők
  • Szolgáltatások
• Szűrők használata
  • Szűrők szintaktikája és kifejezések
  • Saját egyéni szűrő létrehozása
• Szervizek
  • Szervízek szintaktikája
  • Szervizek implementálásának koncepciói
• Direktívák
  • Direktívák szintaktikája
  • Direktíva objektumok meghatározása
  • Link direktívák
  • Komponensek készítése
• Szerver kommunikáció
  • $http -n keresztüli kommunikáció
  • PUT
  • POST
  • GET
  • PATCH
  • JSON konvertálás
  • http fejlécek ismertetése
  • Gyorsítótárazási válaszok
  • Request és Response Transzformációk
  • RESTFUL erőforrások használata
• Angular alkalmazás tesztelése:
  • Tesztelési mechanizmusok ismertetése

Node.JS

• Mi is a Node.JS
  • Mi a Node.JS
  • Node.JS előnyei
  • Node.JS végrehajtási struktúra
  • Node.JS telepítése
  • Node.JS konzol
• Felhasználó által létrehozott funkciók
  • Többszörös visszatérési értékek
  • Hatókör és globális változók
• Moduljai
  • Buffer
  • Modulok
  • Modul típusok
  • Rendszermodulok
  • Lokális modulok
  • Modulok exportja
• Node package manager
  • Mi az NPM
  • Csomagok lokális telepítése
  • Függőségek hozzáadása a package.json -höz
  • Csomagok telepítése globálisan
  • Csomagok frissítése
• Web szerver készítése
  • http requestek kezelése
  • Küldési requestek
• File struktúra
  • Fs.readFile
  • Fájl írása
  • Asszinkron fájlírás
  • Fájl megnyitása
  • Fájl törlése
  • Egyéb IO műveletek
• Debug
  • Node.JS rendszer debugger
  • Editorból történő debug
• Események
  • EventEmitter osztály
  • Event emitter visszatérése
  • Események származtatása
• Express.JS
  • Framework ismertetése
  • Útvonalak beállítása
  • Express megismerése
• Statikus erőforrások
  • Statikus fájlok kezelése
  • Middle ware
• Adatbázis
  • Connectionstring
  • Konfigurálás
  • Select utasítás használata
  • Rekordok beszúrása
  • Rekordok frissítése
  • Rekordok törlése
• Template rendszerek
  • Miért van szükség Template motorra?
  • Mi a Jade
  • Mi a vash
  • Példák

Haladó PHP programozás

• Bevezetés
  • A PHP 5-től a PHP 7-ig
• Kódolási stílusok
  • Tiszta kód
  • Elnevezési szimbólumok
  • Salátakód írásának elkerülése
• OOP programozás tervezési mintákkal
  • OOP bevezetése
  • Tervezési minták
  • Túltöltés
• Hibakezelés
  • Hibák kezelése
  • Külső hibák
  • Kivételek
  • Esettanulmány
• Önálló szkriptek
  • PHP CLI
  • Input és Output kezelése
  • Parancssor argumentumai
• Egység tesztek
  • Mi is az egység teszt
  • Inline Outline egység teszt
  • További funkcók a PHPUnit-ben
  • Tesztalapú design
  • Egységtesztek webes környezetben
• Fejlesztési környezet kezelése
  • Vezérlés
  • Csomagok kezelése
• API készítése
  • Design és felhasználhatóság
  • Defenzív kódolás
• Külső teljesítmény növelése
  • Nyelvi tuning
  • Gyorsítótárazott PHP alkalmazások
  • Tartalmi tömörítés
• Adat összetevők gyorsítótárazása
  • Gyorsítótárazási kérdések
  • Gyorsítótárban lévő adatösszetevők felismerése
  • Kimeneti buffer
  • Gyorsítótárazás memórában
  • DBM Gyorsítótárazás
  • Cookie Gyorsítótárazás
  • Gyorsítótár beillesztése az alkalmazáskódba
  • Gyorsítótárazott adatok használata a requestben
  • Requestek közötti gyorsítótárazás
• Adatbázisok
  • PDO és adatbázis specifikus lekérdezési technikák
  • Adatbázis hozzáférési minták
  • Adatbázis csatlakozási tuning
  • Mi az az ORM: Docker bemutatása
• Felhasználói autentikáció és munkamenet biztonság
  • Egyszerű autentikációs sémák
  • Felhasználók regisztrálása
  • Hitelesítés megőrzése
  • Egyszemélyes bejelentkezés
• Munkamenet kezelés
  • Kliens oldali munkamenet
  • Szerveroldali munkamenet
• Elosztott rendszerek kiépítése
  • Mi a cluster
  • Tervezési elemek
  • Gyorsítótárazás elosztott rendszerben
  • Adatbázisok skálázhatósága
• RPC: Interakció távoli szolgáltatásokkal
  • XML-RPC
  • SOAP
  • SOAP és XML-RPC összevetése
• Alkalmazás benchmark
  • Szűk keresztmetszetek azonosítása
  • Generátorok betöltése
• Profilozás
  • Miért van szükség a PHP Profilhoz
  • Az APD telepítése és használata
  • Nyomon követési példa
  • Nagyobb alkalmazás profilozása
  • Általános hatástalanságok megfigyelése
  • Felesleges funkcionalitás eltávolítása
• PHP kiterjesztése
  • PHP kiterjesztési elemek
  • Példa: Spread kliens csomag
  • Stream API