Frontend developer and programming with Python

Free of cost

by funding

After this course, you will be familiar with the complete workflow for modern web design and have a sound knowledge of JavaScript and Ajax. You will also learn the simple programming language Python and find out how artificial intelligence is used in your profession.
  • Certificates: Certificate "Frontend Developer"
    Python" certificate
  • Additional Certificates: Certificate "Web design with HTML/CSS/Dreamweaver"
    JavaScript Developer" certificate
  • Examination: Practical project work with final presentations
  • Teaching Times: Full-time
    Monday to Friday from 8:30 a.m. to 3:35 p.m. (in weeks with public holidays from 8:30 a.m. to 5:10 p.m.)
  • Language of Instruction: German
  • Duration: 20 Weeks

Web design with HTML, CSS and Dreamweaver

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 Developer

JavaScript Basics (approx. 7 days)

Introduction to

Integration into HTML pages

Language elements

Variables, constants and data types

Operators

Control structures

Conditional statements

Loops

Functions

arrays

Objects

cookies

Web storage

Error handling


Artificial intelligence (AI) in the work process

Presentation of specific AI technologies

and possible applications in the professional environment


DOM manipulation with JavaScript (approx. 3 days)

Basics of

Selecting HTML

Content and attributes

styling

events

Creating DOM elements

Copying, moving and deleting DOM elements


AJAX (approx. 3 days)

Introduction to

Functionality

Prerequisites

http requests

XMLHttpRequest object

Synchronous and asynchronous requests

Web services/transmissions:

- JSON

- XML/XML response


Frameworks/Libraries (approx. 2 days)

Create your own library

jQuery

Advantages and disadvantages


Project work (approx. 5 days)

To consolidate the content learned

Presentation of the project results


JavaScript specialization (approx. 6 days)

Programming guidelines

ECMA script versions

Global and local scope, block scope

Arrow functions, difference to classic syntax

DOM: the event object

Rest parameter

Array method

High-order functions for arrays

Spread syntax, destructuring

Creating objects with constructors, classes, factories

Getters and setters, dynamic attributes

Prototyping, inheriting objects

Creating and managing maps and set collections

Iterators and generators


NodeJS (approx. 4 days)

Structure and installation

Modules

NPM

Create web server (Express)

Own middleware

REST methods

GET and POST

Data transfer

Upload files to server

Communication with MySQL database

Fetch syntax for AJAX requests

Promise for asynchronous functions

Websockets

Canvas element

Draw shapes

Fill methods

Integrate and animate pixel graphics


Single Page Application (approx. 3 days)

ReactJS:

- Introduction, theoretical consideration, installation

- Virtual DOM functionality and advantages

- Components, nesting, parameter passing

- Content update, event listener

VueJS:

- Introduction, theoretical consideration

- Virtual DOM, bidirectional data binding

- Expressions, directives, bindings

- Custom directives, computed properties components


Project work (approx. 7 days)

To consolidate the content learned

Presentation of the project results

Programming with Python

Python basics (approx. 1 day)

History, concepts

Usage and areas of application

syntax


First steps with Python (approx. 5 days)

Numbers

Strings

Date and time

Standard input and output

list, tuple dict, set

Branches and loops (if, for, while)


Artificial intelligence (AI) in the work process

Presentation of specific AI technologies

and possible applications in the professional environment


Functions (approx. 5 days)

Define your own functions

Variables

Parameters, recursion

Functional programming


Troubleshooting (approx. 0.5 days)

try, except

Intercept program interruptions


Object-oriented programming (approx. 4.5 days)

Python classes

Methods

Immutable objects

Data class

Inheritance


Graphical user interface (approx. 1 day)

Buttons and text fields

Grid layout

File selection


Project work (approx. 3 days)

To consolidate the content learned

Presentation of the project results



Changes are possible. The course content is updated regularly.

After completing the course, you will be familiar with the complete workflow for modern web design and will be able to create user-friendly and sophisticated websites. You will also have a sound knowledge of JavaScript and Ajax and will be able to use them to create sophisticated internet applications.

You also have a compact, basic knowledge of programming with Python. You will be able to confidently handle the programming language with its classes, libraries and functions.

Web designers, web programmers, graphic designers, media designers, specialists from artistic professions or people who are responsible for the conception, design and practical implementation of websites and want to acquire the necessary knowledge and skills.

Nowadays, almost all companies rely on an attractive Internet presence to represent them as a company. The main potential employers are graphic design, advertising, web, multimedia or full-service agencies, as well as software and database providers. Web design skills are required in almost all sectors. With the appropriate know-how, self-employment is also an interesting prospect.

The versatility of Python makes employees with the relevant skills attractive in numerous industries and companies. People with programming skills in Python are particularly sought after in web development, machine learning and data analysis.

Your meaningful certificate provides a detailed insight into the qualifications you have acquired and improves your career prospects.

Didactic concept

Your lecturers are highly qualified both professionally and didactically and will teach you from the first to the last day (no self-study system).

You will learn in effective small groups. The courses usually consist of 6 to 25 participants. The general lessons are supplemented by numerous practical exercises in all course modules. The practice phase is an important part of the course, as it is during this time that you process what you have just learned and gain confidence and routine in its application. The final section of the course involves a project, a case study or a final exam.

 

Virtual classroom alfaview®

Lessons take place using modern alfaview® video technology - either from the comfort of your own home or at our premises at Bildungszentrum. The entire course can see each other face-to-face via alfaview®, communicate with each other in lip-sync voice quality and work on joint projects. Of course, you can also see and talk to your connected trainers live at any time and you will be taught by your lecturers in real time for the entire duration of the course. The lessons are not e-learning, but real live face-to-face lessons via video technology.

 

The courses at alfatraining are funded by Agentur für Arbeit and are certified in accordance with the AZAV approval regulation. When submitting a Bildungsgutscheinor Aktivierungs- und Vermittlungsgutschein, the entire course costs are usually covered by your funding body.
Funding is also possible via Europäischen Sozialfonds (ESF), Deutsche Rentenversicherung (DRV) or regional funding programs. As a regular soldier, you have the option of attending further training courses via Berufsförderungsdienst (BFD). Companies can also have their employees qualified via funding from Agentur für Arbeit (Qualifizierungschancengesetz).

We will gladly advise you free of charge. 0800 3456-500 Mon. - Fri. from 8 am to 5 pm
free of charge from all German networks.
Contact
We will gladly advise you free of charge. 0800 3456-500 Mon. - Fri. from 8 am to 5 pm free of charge from all German networks.