Старт курса:
03 December 2019
Tu 18:30-20:30 and Sat 11:00-13:00
24 hours
2 hours / 2 times a week
Осталось мест:
2900 UAH
Front-end Core (HTML, CSS) Basic course of web page layout
Начало через:
д ч м с
The typesetting course from Telesens Academy is the first step of a beginner in web technology. The course is aimed at learning tools for web page layout. During the course, you will work as a real maker-up with theory and practical experience. Learn Git, the basics of working with photoshop and analogues. Learn HTML plus CSS basics that are widely used in web development. Skills gained after successfully completing the course will allow you to create responsive web pages.
подать заявку
Who is the course of FRONT-END CORE for?
  • for everyone who wants to master the popular IT-profession from scratch
  • for those who want to start getting acquainted with HTML, CSS evolve in the direction of Front-end development
  • for software testers who want to better learn about the device of the web, expand their skills and learn tools for web page layout
Advantages of being a layout designer:
  • quickly mastered profession, if there is a great desire
  • great opportunities for development and self-realization
  • many job offers are opened
  • high salary
  • the ability of remotes job
  • the ability to work worldwide
  • participation in interesting projects
о курсе
Программа курса
  • Layout Tools
    1. Code editors, inspectors, useful web services
    2. Version Control Systems
    3. Setting up a computer to work
  • introduction to HTML
    1. HTML syntax, HTML tag types
    2. Structure of the simplest HTML document
    3. How to work with the HTML specification. W3S. HTMLBook
  • High-quality markup and coding styles
    1. Logic Markup: Examples and Anti-Examples
    2. Typical markup errors: “link or button”, “picture or background” and others
    3. Markup modularity or use of “namespaces”
    4. Markup Codeguides
  • Overview of the main graphic editors
    1. Interface Setup
    2. Work with layers, types of layers
    3. Getting text options
    4. Measure block sizes, padding, get color information
    5. Getting the parameters of complex decorative effects: shadows, gradients, etc.
  • Overview of Web Graphics Formats
    1. Raster graphics - PNG, JPEG, GIF
    2. Vector graphics - SVG
    3. How to choose a suitable format?
    4. Graphics optimization
  • Introduction to CSS
    1. Syntax of CSS
    2. CSS selectors, pseudo-classes and pseudo-elements
    3. CSS Inheritance, Cascade, and Priorities
    4. CSS units of measurement: absolute, relative, for color management
  • Stream and block document model
    1. The concept of the grid and flow of the document
    2. Block and lowercase elements and their features
    3. Properties of the block model: dimensions, frames and indents
    4. Subtleties of the block model: “collapse” and “dropping out” of external indents, width: 100% and width: auto, box-sizing property and others
    5. Property display. Item Type Management
  • Accessibility and forms
    1. Convenient and affordable interfaces. Focus management, the importance of semantics, testing and screen readers
    2. Why do we need interactive elements
    3. Unevident use of interfaces
    4. Accessibility concept
    5. Physiological and mental features
    6. Keyboard interaction
    7. Why do I need to focus on the elements. How to make elements interactive. Significant elements
    8. Why do we need semantics
    9. Buttons and links, what's the difference? Item Labels
    10. Why do we need descriptions of elements. Parsing errors in real interfaces
    11. Availability Inspectors and Screen Readers
  • Flexbox Introduction
    1. Creating grids on flexboxes
    2. Flex-container, flex-elements, flex-axes.
    3. Algorithm of calculating the size of flex-elements
    4. Alignment and distribution of flex-elements along the axes.
    5. Single-line and multi-line flex-container, flex-row control
    6. Flexbox features when creating grids
  • Positioning
    1. Relative positioning
    2. Absolute positioning: coordinates, change of origin point, relative coordinates and dimensions, default coordinates
    3. Fixed positioning
    4. Controlling the order of the layers. Techniques for creating interface elements
no photo