Webdesign, JavaScript and PHP Developer

HTML (approx. 5 days)

Basic framework

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

Basics of CSS

Text format commands

Scaffolding HTML tags (e.g. header, nav)

Integrating graphics and preparing them in Photoshop

Favicons

Links

Internal, external, phone, mailto links

Lists and tables

Forms in HTML

Form elements

Integration of video and audio elements

Integration of YouTube and Google Maps

Differences between XHTML and HTML

Artificial intelligence (AI) in the work process

Presentation of specific AI technologies

and possible applications in the professional environment

Basics CSS (approx. 5 days)

Basics of Dreamweaver

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

Text design with CSS

CSS attributes for designing borders and spacing (padding, margin)

Background design with CSS

Float/clear basics

Column spacing with float

Colors with CSS

Clearfix

Pseudo elements (::before/::after)

Pseudo-classes (:nth-of-type)

List/display/link pseudo-classes

Navigation with ul/li (horizontal/vertical)

CSS Flexbox (approx. 5 days)

Columns with Flex

Alignment of elements with Flex

Columns in columns with Flex

Using individual fonts (@font-face)

Fonts with Dreamweaver

Dreamweaver - CSS Designer

CSS position

Positions: relative/absolute/fixed

Possibilities for form design via CSS

CSS color gradients

CSS - transition/transform

Responsive web design (approx. 6 days)

Breakpoints, viewport, media queries

Designing headers and header-img responsively

Picture elements in HTML

Mobile navigation with hover

Enable hover in click on Apple cell phones

Click event via CSS (using checkbox)

Responsive navigation with click

Animated burger button

CSS accordion (using radio buttons)

Drop-down menu for desktop and mobile

Different designs

CSS pseudo class :target

One-page site - page structure

Responsive navigation with :target control

Advantages of one-page sites

JavaScript (approx. 9 days)

Integrating applications

Getting started with JavaScript/jQuery

If-then-else

Variables

Data object

Array Data type

ScrollTop

For loop

Math object

Sticky-menu (js/css)

Show/hide menu with scrolling

Use of vh/vw and calc

Mandatory information imprint/data protection

Cookie notice

Font-awesome - Symbol library

CSS-Filter

CSS variables

Optimize the site for search engines (SEO)

Object fit - frame-filling graphics

CSS animation

CSS grid

Grid-template-areas

Introduction to CSS framework: Bootstrap

Project work (approx. 10 days)

To consolidate the content learned

Presentation of the project results

JavaScript Basics (approx. 7 days)

Introduction to

ECMA script versions

Integration into HTML pages

Language elements: variables, constants, typing

Primitive data types: Number, String, Boolean

Collection data types: Arrays, objects, arithmetic operators

Control structures: Conditional statements, loops, functions

Blockscope

Local storage: Webstorage, IndexedDB

Error handling

Introduction to the WebStorm development environment (IDE)

Artificial intelligence (AI) in the work process

Presentation of specific AI technologies

and possible applications in the professional environment

DOM manipulation with JavaScript (approx. 4 days)

basics

Selecting HTML

Content and attributes

styling

Events, event object, bubbling

Observer

- Intersection observer

- Mutation observer

Create, copy, move, delete DOM elements

AJAX (approx. 1 day)

Introduction to

Functionality

Prerequisites

HTTP requests

XMLHttpRequest object

Web services

- JSON

- XML

Frameworks/Libraries (approx. 2 days)

Create your own library

jQuery

Using jQuery and Ajax in WebStorm

Project work (approx. 6 days)

To consolidate the content learned

Presentation of the project results

JavaScript deepening (approx. 7 days)

Canvas, drawing, animating

Array methods, copy by reference

Spread syntax, destructuring

Creating objects with constructors, classes, factories

Getters and setters, static methods

Fields, private fields, alternatives

Inheritance of classes

Prototyping

Map and set data types

Promise, concatenation, async-await syntax

ES6 import

Webworker

NodeJS (approx. 4 days)

Structure and installation

Built-in modules, custom modules, NPM

Upload to NPM

File type MD

Create web server (Express)

Own middleware

Fetch syntax for AJAX requests

Upload files to server

Real-time communication with websockets

Communication with database (noSQL)

Single Page Application (approx. 3 days)

ReactJS:

- Introduction, theoretical consideration, installation

- Virtual DOM

- Expressions, state hook, effect hook

- Components, nesting, parameter passing

- User input, content update, event listener

- Routing

VueJS:

- Introduction, theoretical consideration

- Virtual DOM

- Integration, expressions, directives

- Event listeners, data binding, methods

- Custom directives

- Components, nesting

- Routing

Web components:

- Advantages and disadvantages

- Custom Elements, Shadow DOM

- Integration of HTML templates and CSS
files

- Transfer of parameters, slots, attributes

- Create and call custom events

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

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

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

Project preparation and planning (approx. 1 day)

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

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, blade templates

Eloquent ORM and database migrations

RESTful API development

Caching and performance optimization

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)