Nikolay Kostov's Blog

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

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

Video lecture about the basics of web technologies.

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

Web sites and web applications are the foundation of the World Wide Web. Web 1.0, 2.0, and 3.0 describe the evolution of the web, with each stage bringing new capabilities and user experiences. Web browsers are the software applications used to access web pages and web applications, while hardware servers host web sites and web applications. Web servers are software programs running on hardware servers that serve web pages and web applications to users.

The client-server architecture is the underlying architecture of the web, where a client (such as a web browser) requests data from a server (such as a web server) and the server returns the requested data. 3-tier and multi-tier architectures refer to more complex systems, where the client, server, and database are separated into distinct components.

Service-Oriented Architecture (SOA) is a method for designing and building web-based systems, where each component is a self-contained "service" that communicates with other services through a common interface. This approach makes it easier to develop, maintain, and evolve large-scale web applications.

Topics covered:

• Web Sites and Web Applications
• Web 1.0, 2.0, 3.0
• Web Browsers
• Hardware Servers
• Web Servers
• Client-Server Architecture
• 3-Tier / Multi-Tier Architectures
• Service-Oriented Architecture (SOA)