Nikolay Kostov's Blog

Video lecture about introduction to JavaScript.

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

Dynamic HTML (DHTML) is a combination of web technologies used to create interactive and animated web pages that can respond to user actions without requiring a page reload. To create DHTML, you need to have a good understanding of HTML, XHTML, CSS, JavaScript, and the Document Object Model (DOM). JavaScript is a programming language used to create interactive effects and dynamic content in web pages. It has a simple syntax and can be embedded in HTML pages. Pop-up boxes are a common JavaScript feature used to display messages or alerts to users. Debugging is an essential process in JavaScript development to find and fix errors in the code. Overall, these topics are essential for web developers to create engaging and dynamic web pages using JavaScript and related technologies.

Topics covered:

• Dynamic HTML
• How to Create DHTML?
  • XHTML, CSS, JavaScript, DOM
• Intro to JavaScript
  • JavaScript in Web Pages
• JavaScript Syntax
• Pop-up boxes
• Debugging in JavaScript

Video lecture about data types and variables in JavaScript.

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

JavaScript supports several data types such as integers, floating-point numbers, booleans, and strings. These data types are used to store different kinds of values in a program. To store and manipulate data in JavaScript, variables are used. Variables are declared using the "var" keyword, and values can be assigned to them using the assignment operator. Variables must be given an identifier, which is a unique name that is used to refer to the variable throughout the program. By understanding data types and variables, JavaScript developers can create robust and dynamic programs.

Topics covered:

• Data Types
  • Integer
  • Floating-Point
  • Boolean
  • String
• Declaring and Using Variables
  • Identifiers
  • Declaring Variables and Assigning Values

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 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