Nikolay Kostov's Blog

Video lecture about CSS layout.

The video is recorded in 2015 in a training I was delivering in Telerik Academy.

CSS layout involves a range of techniques and properties that enable web designers to control the placement and organization of elements on a web page. These techniques include setting the width and height of elements, controlling overflow and visibility, applying margins and paddings, using the CSS Box Model to organize elements, and controlling the position and float of elements. By using these layout properties, web designers can create a visually appealing and organized layout for their web pages that is easy for users to navigate and interact with.

Topics covered:

• Width and Height
• Overflow
• Display
• Visibility
• Margins and Paddings
• CSS Box Model
• Position
• Float

Video lecture about CSS 3.

The video is recorded in 2012 in a training I was delivering in Telerik Academy.

CSS3 (Cascading Style Sheets) is a styling language used to describe the appearance and layout of a web page. CSS3 selectors are used to target specific HTML elements on a page and apply styles to them. CSS3 provides various font properties to control the appearance of text on a web page, including font-size, font-family, and font-weight. CSS3 also offers a wide range of color options, including the use of RGB and HSL values, as well as the ability to set transparency levels. Background properties such as background-color and background-image can be used to set the background of an element. CSS3 borders provide options for controlling the width, style, and color of borders around elements. The box model refers to the rectangular structure used to represent an element on a web page, including its content, padding, borders, and margins. CSS3 animations allow for the creation of smooth and interactive transitions between styles, bringing more dynamic visual effects to web pages.

Topics covered:

• What is CSS 3?
• Selectors
• Fonts
• Colors
• Backgrounds
• Borders
• Box Model
• Animations

Video lecture about semantic web.

The video is recorded in 2015 in a training I was delivering in Telerik Academy.

A web page is a document written in HTML, CSS, and JavaScript, and is accessible through the internet. Semantic HTML refers to the use of HTML tags to describe the meaning and structure of the content, rather than just its presentation. HTML5 introduced several semantic tags, such as <header>, <nav>, <main>, <article>, and <footer>, to provide more meaning to web pages. Other semantic elements, such as <figure> and <figcaption>, can also be used to describe more specific types of content. Accessibility refers to the practice of designing web pages that can be used by people with disabilities. Search Engine Optimization (SEO) is the process of improving a website's visibility in search engine results. Structured data markup is a way to add additional information to a web page in a standardized format, such as schema.org, to help search engines better understand the content on the page.

Topics covered:

• Web Page
  • HTML, CSS and JavaScript
• The Semantic HTML
• HTML5 Semantic Tags
• Other Semantics
• Accessibility
• Search Engine Optimization
• Structured Data Markup

Video lecture about tables in HTML.

The video is recorded in 2014 in a training I was delivering in Telerik Academy.

HTML Tables are used to represent data in a tabular format. Simple tables are created using HTML tags <table>, <tr> (table row), and <td> (table data). Complete HTML tables may also include <th> tags for header cells and <caption> tag for table caption. Nested tables are tables within tables. Complex tables have multiple levels of row and column spans, and may include styling using CSS. The width of cells can be specified using the width attribute, while cell spacing and padding can be adjusted using the cellspacing and cellpadding attributes respectively. Column and row span allows a cell to span multiple columns or rows, effectively merging cells together.

Topics covered:

• HTML Tables
  • Simple Tables
  • Complete HTML Tables
  • Data cells and Header cells
• Nested Tables
• Complex tables
  • Cells Width
  • Cell Spacing and Padding
  • Column and Row Span

Video lecture about the fundamentals of HTML5.

The video is recorded in 2015 in a training I was delivering in Telerik Academy.

Hypertext Markup Language (HTML) is a standard markup language used for creating web pages. HTML concepts include elements, attributes, and tags. An HTML document has a standard structure, including a doctype declaration, a head section, and a body section.

Common HTML elements include headings, paragraphs, links, images, and lists. Section elements, such as <header> and <footer>, provide additional structure to web pages.

Semantic structural tags, such as <nav>, <main>, and <article>, provide meaning to the content and structure of a web page. These tags help search engines and assistive technologies understand the content, making web pages more accessible and easier to navigate. By using semantic structural tags, developers can create more meaningful and accessible web pages.

Topics covered:

• Hypertext Markup Language
• HTML Concepts
• HTML Document Structure
• HTML Common Elements
• Section Elements
• Semantic Structural Tags