icon icon

RWD Bootstrap and GIT – web and mobile app design

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

Responsive layouts - You will learn how to build layouts that adapt smoothly to desktops, tablets, and smartphones, so your pages stay readable, usable, and consistent across different screen sizes.

icon

Bootstrap grid mastery - You will use the Bootstrap grid, nested columns, and column offsets with confidence, which lets you create clean page structures faster without manually calculating element widths.

icon

Ready-made UI components - You will apply headers, panels, lists, buttons, labels, and frames to build consistent interfaces that look professional and help you deliver page views in less time.

icon

Clear navigation design - You will learn how to implement navigation menus and breadcrumb trails, making it easier for users to move around the site, find content quickly, and keep their sense of place.

icon

Confident Git workflow - You will practice creating repositories and using commit, push, and pull in everyday work, so you can save changes safely and keep your project history organized from the start.

icon

Working with branches - You will learn to create branches and tags, split work into parallel tasks, and merge changes properly, which helps you manage new features and application versions with more control.

icon

Less stress with changes - You will use stash, log, gitk, and status to pause unfinished work, review project history, and quickly understand what is happening in the repository before making your next move.

icon

Teamwork with GitHub - You will practice working with remote repositories and GitHub, so you can clone projects, send your updates, and join collaborative development more smoothly in a team environment.

Training programme

1. BOOTSTRAP: Grid system

2. Dynamic page layout (Responsiveness)

  • for computers,
  • for tablets,
  • for smartphones.

3. Nesting columns

4. Moving columns

5. Page components

  • page headers,
  • panels,
  • lists.

6. Navigation components

  • navigation menu,
  • breadcrumb navigation.

7. Displaying content

  • buttons,
  • labels,
  • frames.

8. GIT: What is a version control system?

9. Creating repositories

10. Approving changes

  • commit,
  • push,
  • pull.

11. Industries and Tags

  • what is it?
  • how to work with them?
  • merging,
  • splitting.

12. Stash as a handy clipboard

13. Browsing the repository

  • Log,
  • Gitk,
  • status.

14. Working in groups

  • branching,
  • merging,
  • merge conflicts,
  • branch management,
  • tagging.

15. Remote repository

  • downloading the project from remote repositories,
  • updating the project on the remote repository,
  • sending changes to the remote repository,
  • working with multiple users.

16. GitHub service

  • creating a remote repository,
  • working in GitHub.

What are the prerequisites for participating in the training?

icon

Basic HTML and CSS - You should be comfortable with the structure of a simple HTML page and know basic CSS, so during the training you can focus on Bootstrap instead of core front-end foundations.

icon

Computer basics - You should move around your operating system with ease, create folders, copy files, and launch programs, because these tasks will be needed while working with repositories.

icon

Code editor skills - You should know how to open a project in a code editor and edit text files on your own, because during the training you will modify page code and other project files.

icon

Basic terminal usage - You should know basic terminal or command line commands, so you can run Git operations smoothly and move through project directories without trouble during exercises.