icon icon

Front–end developer – programming issues in PHP, elements of HTML5 and CSS and effective use of basic knowledge of JavaScript

icon

Training process

Training needs analysis

If you have specific requirements regarding the training programme, we will carry out a training needs analysis for you. This will guide us on which aspects of the programme should receive greater emphasis, so that the training programme meets your specific needs.

What will you gain?

icon

Semantic HTML foundations - You will learn how to build a proper HTML page structure, use essential tags, and write clean markup that is easier to expand, maintain, test, and publish later on.

icon

Styling pages with CSS - You will master selectors, classes, IDs, colors, fonts, spacing, and borders, so you can create a clear layout and give your pages a consistent, polished visual style.

icon

Building interface elements - You will learn how to create lists, links, tables, forms, and image-based content, so you can build complete web pages that users can navigate and use comfortably.

icon

JavaScript for page behavior - You will work with variables, functions, operators, conditions, loops, and arrays, allowing you to add logic to a page and build simple features that react to user actions.

icon

Working with the DOM - You will understand how to access and update page elements through the DOM and how to use window, document, history, and location objects in practical browser-based tasks.

icon

Avoiding common mistakes - You will review frequent HTML, CSS, and JavaScript errors, so you can diagnose issues faster, fix your code with more confidence, and reduce frustration during development.

icon

PHP server-side basics - You will gain practical PHP basics, including variables, arrays, functions, conditions, and loops, helping you understand how simple applications and forms work on the server.

icon

Publishing a live website - You will move from local files to a published website, learning how to prepare your project for deployment and make it available on a server so others can access it online.

Training programme

1. Introduction to the HTML language

  • what HTML is,
  • what HTML looks like,
  • cascading style sheets – introduction,
  • basic page structure and its elements.

2. Basic tags on a website

  • HTML tag,
  • HEAD tag,
  • TITLE tag,
  • BODY tag,
  • comments on websites.

3. Tags describing the content of the page

  • H headings,
  • P paragraphs.

4. Tags defining lists on websites

  • numbered list,
  • bulleted list,
  • definition list,
  • nested lists.

5. Hyperlinks, links, references

  • A tag,
  • links to local pages,
  • links to page fragments – anchoring,
  • links to email – mailto.

6. Text formatting on a website

  • logical styles,
  • physical styles.

7. Text formatting using CSS

  • text decoration,
  • font properties,
  • predefined text,
  • horizontal line,
  • exercise – signatures,
  • quoting text,
  • special characters,
  • text alignment,
  • typefaces and font size,
  • exercise – the first real website.

8. Some graphics and colors on the page

  • changing the page background color and text color,
  • images on a website,
  • aligning images and text,
  • wrapping text around images,
  • images as hyperlinks,
  • scaling images,
  • image borders.

9. Tables

  • tags creating a table,
  • table formatting,
  • table width and border,
  • table and cells color,
  • cell alignment and border,
  • grouping and aligning columns,
  • grouping and aligning rows,
  • FRAME and RULES attributes,
  • task – tabular page skeleton (not recommended).

10. Cascading Style Sheets

  • embedding style sheets on a web page,
  • selectors,
  • classes and identifiers,
  • units of measurement in CSS styles,
  • field properties,
  • size,
  • border,
  • padding and margins,
  • floating elements.

11. Interaction with the user – forms

  • creating a form,
  • additional form options,
  • password field,
  • reset button,
  • image as a submit button,
  • BUTTON type button,
  • hiding form fields,
  • form field labels,
  • grouping elements,
  • access keys and the order of navigating through form fields,
  • inactive and read-only elements,
  • formatting the form using CSS.

12. Publishing the website on the server

13. Data types

  • numbers,
  • character strings,
  • logical values.

14. Variables

  • creating,
  • using,
  • scope (global, local).

15. Functions

16. Operations on strings

  • indexOf(),
  • replace(),
  • substring(),
  • split().

17. Operators

  • arithmetic,
  • increment, decrement,
  • comparison,
  • logical,
  • assignment.

18. Conditional statements

  • if,
  • if…else,
  • if…elseif,
  • nesting,
  • complex conditional statements,
  • Switch statement.

19. Loops

  • the for loop,
  • the while loop,
  • the do…while loop,
  • nested loops,
  • breaking loops,
  • continuing loops.

20. Arrays

  • creating arrays,
  • storing data,
  • reading data,
  • indices, values.

21. Objects

  • Window,
  • document,
  • history,
  • location.

22. DOM – access to page elements

23. The most common mistakes

24. Basics of the PHP language

  • variables,
  • constants,
  • data types,
  • conditional statements if ... elseif ... else and switch,
  • loops (fordo whilewhileforeach),
  • continue statements,
  • break statements,
  • arrays.

25. User functions

  • appearance,
  • arguments,
  • returning values.

26. Built-in functions

  • text,
  • date and time,
  • mathematical.

What are the prerequisites for participating in the training?

icon

Basic computer skills - You should be comfortable using a computer, keyboard, and mouse, creating folders, and saving and finding files, because the course involves working with multiple project files.

icon

Confident browser use - You should use a web browser with ease, open tabs, download files, and paste links, because you will test pages regularly and review the results of your work as you go.

icon

Text editing basics - You should be able to type, copy, cut, and paste text and pay attention to accuracy, because the training requires you to create and edit code on your own during exercises.

icon

Readiness to learn syntax - You should be ready to learn new commands and technical notation, because during the course you will work step by step with HTML, CSS, JavaScript, and basic PHP concepts.