Bevezető

Stabil alapok

[!NOTE] Nagyon fontos, hogy meglegyenek a stabil alapok.
Elsőnek érdemes megtanulni a webprogramozást.
És nem, nem kell rögtön framework és különféle library.

Git és verziókezelés

• Learn Git Branching
  Interaktív Git gyakorlás.

• Oh My Git!
  Git tanulás játékosan.

• Git Immersion
  Git tutorial lépésről lépésre.

1. Kezdő szint — Stabil alapok

Webfejlesztés alapjai

• W3Schools
  HTML, CSS, JavaScript és SQL alapok kezdőknek.

• FreeCodeCamp
  Ingyenes gyakorlatorientált webfejlesztő tananyag.

• The Odin Project
  Az egyik legjobb teljes webfejlesztő roadmap.

• CodePen
  Frontend kódok gyors kipróbálása böngészőben.

• Codecademy
  Interaktív programozás tanulás több nyelven.

• Codedex
  Gamifikált programozás tanulás.

• Class Central
  Programozási kurzus gyűjtőoldal.

• Coddy.tech
  Interaktív kódolási feladatok.

• Code Step By Step
  Programozási problémák lépésenként.

• Dev.to
  Fejlesztői közösség és cikkek.

• NotebookLM
  AI-alapú jegyzetelés és tanulás.

Videós és gyakorló anyagok

• Webfejlesztés Alapok (videó)

• JavaScript az alapoktól kurzus

• Build Responsive Real-World Websites with HTML and CSS

• The Complete JavaScript Course

• Developer Productivity

Gyakorlás

• Codewars
  Programozási kihívások.

• CheckIO
  Python és TypeScript gyakorlás.

• Exercism
  Java és sok más nyelv gyakorlása mentorálással.

• Codingame
  Játékos programozási feladatok.

• DevChallenge
  Magyar programozási kvízek.

Projekt ötletek

• Todo alkalmazás
• Jegyzet app
• REST API
• URL rövidítő
• Quiz app
• Egyszerű webshop
• Automatizált UI tesztek webshophoz

Nem gond, ha elsőnek spagetti kódot csinálsz a lényeg, hogy kódolj és ne csak nézd egymás utána tutorialokat, hanem hogy ELKEZDJ KÓDOLNI!

2. Frontend fejlesztés

CSS tanulás

• Flexbox Froggy
  Flexbox játékos gyakorlása.

• Flexbox Defense
  Flexbox tanulás tower defense játékkal.

• Grid Garden
  CSS Grid gyakorlás.

• CSS Tricks — Flexbox Guide
  Flexbox teljes útmutató.

• Josh Comeau — Flexbox

• Josh Comeau — Grid

• CSS Battle
  CSS gyakorlás mini kihívásokkal.

Frontend projektek és gyakorlás

• Scrimba
  Interaktív frontend és fullstack kurzusok.

• Replit
  Online fejlesztői környezet.

3. Java Backend fejlesztés

Java alapok

• GeeksForGeeks Java
  Java alapok és algoritmusok.

• Exercism
  Java és sok más nyelv gyakorlása mentorálással.

• Java Visualizer
  Java memória és objektumok vizualizálása.

• Baeldung
  Professzionális Java és Spring cikkek.

• LeetCode
  Algoritmusok, adatszerkezetek és technikai interjú feladatok gyakorlása.

• Java Design Patterns
  Java tervezési minták gyakorlati példákkal.

• Refactoring Guru
  Refaktorálás, clean code és design pattern magyarázatok.

Backend roadmap

• Backend Developer Roadmap

• Java Developer Roadmap

Spring Boot és backend eszközök

• Spring Initializr
  Spring Boot projekt generálás.

• Maven Repository
  Java dependency kereső.

• IntelliJ IDEA
  Professzionális Java IDE.

• H2 Database
  Könnyű teszt adatbázis Java projektekhez.

API fejlesztés

• Postman
  API tesztelés és request kezelés.

• Swagger Editor
  OpenAPI dokumentáció készítés.

• Hoppscotch
  Könnyű API kliens.

• JSON Crack
  JSON vizualizáció.

• JWT.io
  JWT token elemzés.

• HTTP Status Codes
  HTTP státuszkód referencia.

• ReqBin
  Online API request tesztelés.

SQL és adatbázis

• SQLBolt
  Interaktív SQL tanulás.

• DB Fiddle
  SQL query tesztelés online.

• DrawSQL
  ER diagram készítés.

4. Automatizált tesztelés (QA / SDET)

Tesztelési alapok

• Tesztelés alapjai

• Utest.com
  QA tananyagok, crowdtesting és tesztelői közösség.

• API tesztelés videókurzus
  REST API tesztelés alapjai és gyakorlata.

Java tesztelés

• JUnit 5
  Unit tesztelés Java nyelven.

• Codecademy — JUnit

• TestNG
  Haladó Java teszt framework.

• AssertJ
  Fluent assertion library.

API automatizálás

• REST Assured
  REST API automatizált tesztelés Java-ban.

UI automatizálás

• Selenium
  Browser automatizálás.

• Playwright
  Modern end-to-end teszt framework.

• UI Test Playground (The Internet)
  Selenium és Playwright automatizált tesztek gyakorló oldala.

• Webshop UI Playground Selenium és Playwright automatizált tesztek gyakorlásához oldal.

• UI Test Automation Playground
  Automatizált UI tesztek gyakorlása különféle locator problémákkal.

• Automata tesztek UI és API Teszt

• Itt vannak konkrét feladatok is.

• SelectorHub
  XPath és CSS selector generálás.

• Playwright Trace Viewer
  Playwright hibakeresés vizuálisan.

• BugBug
  Low-code tesztautomatizálás.

Linux és parancssor (Főleg back-end és QA-nál fontos.)

• Linux Journey
  Linux alapok kezdőknek.

• OverTheWire Bandit
  CLI és Linux gyakorlás játékosan.

• ExplainShell
  Linux parancsok magyarázata.

5. Haladó fejlesztői eszközök

Hasznos kód elemző eszközök

• Codacy
  Automatizált kódelemzés és code quality ellenőrzés.

• SonarCloud
  Statikus kódelemzés és technical debt figyelés.

• SonarLint
  IDE plugin, ami valós időben jelzi a kódhibákat és rossz practice-eket.

Diagramok és architektúra

• Mermaid Live
  Diagramok készítése markdown-szerű szintaxissal.

• PlantUML
  UML diagramok kódból.

• draw.io / diagrams.net
  Professzionális diagram készítés.

• Excalidraw
  Kézzel rajzolt stílusú diagram tool.

• D2 Playground
  Modern diagram-as-code rendszer.

• Miro
  Online collaborative whiteboard.

Produktivitás

• Regex101
  Regex tesztelés és magyarázat.

• Base64 Decode
  Base64 encode/decode.

• gitignore Generator
  .gitignore generátor.

• DevHints
  Cheat sheet gyűjtemény.

• Stack Overflow
  Fejlesztői problémamegoldás.

6. Projektmenedzsment és közösség

Verziókezelés és projektek

• GitHub

• GitLab

• Jira

Közösség és networking

• Meetup
  IT meetupok és fejlesztői események.

• Major League Hacking
  Hackathonok és fejlesztői események.

7. Karrier

• RxResume
  Modern fejlesztői önéletrajz készítő.

• LinkedIn

Könyv repository

A könyvem repoját itt találod.