Web Engineer

HTML and CSS (approx. 6 days)

HTML introduction

Basic framework

Tags for text creation (h1-h6, p, br, span)

Text format commands

Integrating graphics

Links (internal, external, phone, mailto link)

Favicons

Lists and tables

Correct syntax structure

Checking with W3C validation tool

CSS introduction

Integration options for CSS specifications (internal, external, inline style)

Basic commands (text design, font color, background color)

HTML containers

Use and styling of containers

Integration of YouTube and Google Maps

Video and audio player

Object-fit

VS Code (approx. 1 day)

Introduction to VS Code

Additional extensions for VS Code. (e.g. Live Server, Emmet Commands, Copilot (AI))

AI usage in combination with VS Code

Layout techniques (approx. 4 days)

Classes, IDs, selectors

Introduction box model

Padding, margin, border, border-radius and their shorthands

Flex-Box introduction

Layouts with flex box

Alignment with Flexbox

Introduction to Grid System

Layouts with Grid

Alignment with Grid System

Floating text around images with float and clear

General display properties of tags

Background images

Status and values (approx. 1 day)

Introduction of pseudo-classes (hover, active, focus, nth-child, first-child, last-child)

Pseudo elements (::before, ::after, content)

Specificity (value of codes)

Positioning (approx. 2 days)

Introduction to positions

Static, absolute, fixed, sticky, relative

Left, right, top, bottom, z-index

Dropdown menus

:target

:target in combination with navigation menus and modals

Forms (approx. 2 days)

Introduction to forms

Fieldset, legend

Inputs, textareas, labels, values, name, selects

Autocomplete

Form design with CSS

Integration of php-script in action with AI

Effects and fonts with CSS (approx. 1 day)

CSS transition effects

Transition, filter, transform

Color gradients, box-shadow, text-shadow

Font integration with @font-face

Responsive web design (approx. 2 days)

Introduction to responsive design

Media queries, breakpoints

Landscape, portait mode

Responsive images with picture and srcsets

Image editing, compression of images

Generating images with AI

Search engine optimization (approx. 1 day)

Introduction to SEO

On-page optimization and use of AI-generated texts

Performance optimization to improve SEO and presentation of suitable tools

CSS techniques and interaction (approx. 2 days)

CSS variables

Dark mode

Calculation with CSS

Introduction to CSS animations

Duration, delay, direction, timing-function, iteration-count, fill-mode

Animated burger button

One-pager and multilingualism (approx. 2 days)

Introduction One-Pager

Smooth-scroll

Integration of fontawesome library

Dealing with SVG graphics

Layer integration and CSS customization

Multilingual websites

Extensions and frameworks (approx. 1 day)

Introduction to Bootstrap

Use of Bootstrap components

Responsive design with Bootstrap

JavaScript (approx. 3 days)

Introduction to JavaScript

JavaScript/jQuery methods

Create jQuery Lightbox

Variables

If-else statements

Scroll, window, resize

arrays

For-loop

Math object

Legal requirements and project management (approx. 2 days)

Internet law

Copyrights in relation to AI/KI

Accessibility

Project management

Project work (approx. 10 days)

To consolidate the content learned

Presentation of the project results

Search engine optimization basics (approx. 3 days)

Web-based search engines

Google Universal Search

Vertical search engines

Search results pages and hits

Rich snippets

Google Knowledge Graph

PageRank

Domain Authority

Google search results/search settings

RankBrain

Search queries with local reference/Local SEO

Social SEO

Voice search

SEO processes (approx. 2 days)

Steps of the SEO process

Define SEO goals

Target group/persona

Keyword candidates

SEO KPIs

Conversions

Content quality

Google ranking signals

Search intent

Within Document Frequency (WDF)

Inverse Document Frequency (IDF)

Artificial intelligence (AI) in the work process

Presentation of specific AI technologies

and possible applications in the professional environment

Website optimization (approx. 3 days)

Optimization for mobile devices (AMP)

Meta tags/meta description/meta title

Duplicate content

Semantic web/search

Structured data and its meaning/possible uses

Checking the loading times of a website

Check domains for IP address

Security functions of the https protocol

Robots.txt

Anchor texts

Google Penalty

Search queries with local reference/Local SEO

Accessibility developments

SEO success control (approx. 3 days)

Perform success monitoring without commercial tools

Tools for ranking monitoring

Google index/Google quality guidelines

Backlinks and link building measures

Visibility index

OnPage analysis

Google Ads (approx. 2 days)

Google Ads

Analyzing the intent of search queries

Creating keyword lists

Campaign types/goals/structure of Google search ads

Google Keyword Planner

Set up and manage campaigns

Google Ads Auction

Web analytics (approx. 3 days)

Web Analytics

Goals and functions

Data protection

Reach measurement

Possibilities and limits of the data that can be collected

Setting up Google Analytics 4/demo account

Real-time reports

Target group analysis

Origin of website visitors

Event and goal tracking

Event tracking

Google Search Console

Visitor behavior

Google Tag Manager

cookies

Project work, certification preparation and certification examination (approx. 4 days)

JavaScript Basics (approx. 7 days)

Introduction to JavaScript, history, areas of application

ECMA script versions

Integration of JavaScript in HTML

IDE: Installation and introduction to WebStorm

Language elements: variables, constants, typing

Primitive data types: Number, String, Boolean

Collection data types: Arrays, objects

Copy by reference vs. copy by value

Arithmetic and logical operators

Control structures: conditions, loops, functions

Scope, global scope, block scope

Error handling

Local storage: cookies, web storage

JSON

ES6 import/export

Version control with Git, introduction to GitHub

DOM manipulation with JavaScript (approx. 5 days)

Selecting HTML

Content, attributes and styling

Events, event object, bubbling

Intersection observer and mutation observer

Creating, copying, moving and deleting DOM elements

Frameworks/Libraries (approx. 1 day)

Create your own library

AI (approx. 1 day)

Presentation of specific AI technologies in the professional environment

Artificial intelligence (AI) in the work process

Integration of AI in the IDE

Use of AI for code completion, refactoring and learning support

Project work (approx. 6 days)

To consolidate the content learned

Presentation of the project results

Basics of PHP development (approx. 5 days)

Setting up a modern development environment

Introduction to Docker for local development

Overview of IDE tools (Visual Studio Code, PhpStorm, etc.)

Git workflow

PHP syntax and basic concepts

Variables, data types, constants

Arrays and strings (incl. new functions in PHP 8.x)

Expressions, operators, control structures

Functions, anonymous functions and closures

PHP 8.x innovations

Union Types and Named Arguments

Introduction to attributes

Composer & package management

PSR standards

Artificial intelligence (AI) in the work process

Presentation of specific AI technologies

and possible applications in the professional environment

Web development and interactivity (approx. 3 days)

HTTP and form processing

GET and POST requests

Dealing with cookies and sessions

Validation and sanitization of user input

Dynamic content and interactivity

Output of dynamic content (e.g. user forms, calculation tasks)

AJAX and JSON-based interaction

Security and error handling

Protection against XSS, CSRF and SQL injection

Error logging and debugging (with tools such as Xdebug)

Working with databases (approx. 4 days)

SQL and database basics

Basic principles of relational databases and MySQL

Database design and normalization

PHP and database integration

PDO connection and secure SQL queries

Simple CRUD operations with MySQL

Input and output of database content on websites

NoSQL databases and modern storage solutions

Alternative storage with Redis (caching, sessions)

PHP frameworks (approx. 2 days)

Introduction to modern PHP frameworks

Laravel: Introduction, routing, controllers and views

Advantages of using PHP frameworks (e.g. code reusability, security, modularity)

Tools for modern PHP development

Introduction to CI/CD pipelines (e.g. GitHub Actions, GitLab CI)

Use of Docker for the deployment of PHP applications

Architecture classification: monolith vs. microservices

Project preparation and planning (approx. 2 days)

Planning a PHP project

Structuring and creating a schedule for the project work

Project work (approx. 1 day)

To consolidate the content learned

Presentation of the project results

Object-oriented programming (approx. 5 days)

Basics of OOP in PHP 8.x (classes, objects, methods, properties)

Constructor property promotion, attributes, union types

Inheritance, polymorphism, interfaces, traits

Introduction to design patterns (factory, strategy)

SOLID principles and dependency injection

Unit tests with PHPUnit

Exception handling and debugging

Use of a modern framework (Laravel) (approx. 5 days)

Introduction to Laravel

Routing, controllers, models, blade templates

Eloquent ORM and database migrations

RESTful API development

Caching and performance optimization

Creation of Artisan Commands

Events, listeners and broadcasting (Laravel Echo)

Queues and jobs (+ Laravel Horizon)

Notifications and mail

Sanctum + Passport (Token-Auth for SPAs and APIs)

API resources and rate limiting

Create a sample website (approx. 5 days)

Planning and implementing a modern web application

Integration of APIs and front-end frameworks

Responsive design with Tailwind CSS or Bootstrap

Deployment with Docker

Project work, certification preparation and certification exam "Certified PHP Developer" (approx. 5 days)