Video: HTTP and AJAX (Bulgarian)
Video lecture about HTTP and AJAX.
The video is recorded in 2015 in a training I was delivering in Telerik Academy.
The World Wide Web (WWW) is a system of interconnected hypertext documents accessed through the internet. Uniform Resource Locators (URLs) are used to identify resources on the internet. HTML, XML, JSON, RSS, and JSONP are different data formats used for exchanging information over the internet. HTML is primarily used for web pages, while XML is more flexible and used for data exchange. JSON is commonly used for data transfer between a server and a web application, while RSS is a web feed format used to publish frequently updated content. JSONP is a method for cross-domain AJAX requests. The Hypertext Transfer Protocol (HTTP) is used to transfer data over the internet between web clients and servers. HTTP requests are used by clients to request resources from a server, while HTTP responses are used by servers to send requested resources back to clients. AJAX requests are asynchronous HTTP requests used to dynamically update web pages without requiring a full page refresh. The Same-Origin Policy is a security measure that prevents web pages from accessing resources on a different domain. Workarounds for the Same-Origin Policy include using JSONP or cross-origin resource sharing (CORS). Web Developer Tools are software applications used by developers to debug and optimize web applications.
Topics covered:
- WWW and URL
- HTML, XML, JSON, RSS, JSONP
- The HTTP Protocol
- HTTP Request
- HTTP Response
- AJAX Requests
- Same-Origin Policy
- Workarounds
- JSONP
- Web Developer Tools
Video: CSS Layout (Bulgarian)
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: 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