Video: CSS 3 (Bulgarian)
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: Semantic Web (Bulgarian)
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: HTML Tables (Bulgarian)
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: HTML5 Fundamentals (Bulgarian)
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
Video: Tools for HTML, CSS and JS (Bulgarian)
Video lecture about the tools for HTML, CSS and JS development and debugging.
The video is recorded in 2015 in a training I was delivering in Telerik Academy.
IDEs, or Integrated Development Environments, are coding tools that provide a comprehensive workspace for developers to write, test, and debug code. Some popular IDEs include Sublime Text, Atom, WebStorm, and Visual Studio. These tools typically include features such as syntax highlighting, code completion, and integrated debugging tools.
Browsers and browser tools are essential for testing and debugging web pages. Common browsers include Google Chrome, Mozilla Firefox, and Apple Safari. Browser tools, such as the browser's developer console, allow developers to inspect and debug HTML, CSS, and JavaScript code.
Drawing and slicing tools are used in web design to create graphics and convert them into web-friendly formats. Examples of drawing tools include Adobe Illustrator and Sketch, while slicing tools, such as Adobe Photoshop, are used to divide a design into smaller, web-optimized pieces, such as images and buttons. These tools are essential for creating high-quality graphics and user interfaces for web pages.
Topics covered:
- Coding Tools (IDEs)
- Sublime Text
- Atom
- WebStorm
- Visual Studio
- Browsers and Browser Tools
- Drawing and Slicing Tools