ViewTube

ViewTube
Sign inSign upSubscriptions
Filters

Upload date

Type

Duration

Sort by

Features

Reset

577 results

Александр Ламков — Friendly Frontend
BEM Methodology in 10 Minutes | Basics for Beginners

✏️ We'll explore what the BEM methodology is and why it's needed. We'll get acquainted with the component approach, the block ...

10:01
BEM Methodology in 10 Minutes | Basics for Beginners

52,425 views

2y ago

Александр Ламков — Friendly Frontend
3. Блочная модель в CSS — свойства display, width, height, padding, margin, border и box-sizing

Обсудим, что такое блочная модель и какие свойства на неё влияют (width, height, margin, padding, border). Рассмотрим ...

9:16
3. Блочная модель в CSS — свойства display, width, height, padding, margin, border и box-sizing

49,902 views

3y ago

Александр Ламков — Friendly Frontend
21. CSS properties – deprecated and new. Vendor prefixes. The @supports directive. The caniuse se...

✏️ Our final lesson will discuss the relevance of CSS properties, the supports directive, some useful tools and services, and ...

4:52
21. CSS properties – deprecated and new. Vendor prefixes. The @supports directive. The caniuse se...

15,576 views

2y ago

Александр Ламков — Friendly Frontend
2. HTML — First steps in an IDE, Hello World. How to open HTML in a browser

✏️ Understanding the IDE and writing your first 'Hello World' in HTML. 🔴 Timeline: ▶ 00:00 | Lesson Plan ▶ 00:25 | What is ...

5:27
2. HTML — First steps in an IDE, Hello World. How to open HTML in a browser

63,457 views

3y ago

Александр Ламков — Friendly Frontend
10. CSS Positioning — position, top, right, bottom, left, z-index properties. Stacking context

✏️ Let's talk about positioning, stacking context, the position property, and everything related. 🔴 Timeline: ▶ 00:00 ...

16:06
10. CSS Positioning — position, top, right, bottom, left, z-index properties. Stacking context

45,162 views

3y ago

Александр Ламков — Friendly Frontend
Class names in markup | What is the best way to name elements in markup?

✏️ Let's figure out the best way to name classes for UI elements. 🔴 Timeline: ▶ 00:00 | Introduction ▶ 00:35 | General ...

10:10
Class names in markup | What is the best way to name elements in markup?

13,563 views

2y ago

Александр Ламков — Friendly Frontend
1. CSS for Beginners. Introduction. Connection, Basic Concepts: Cascade, Specificity, Inheritance

✏️ This is the first lesson in the CSS for Beginners course. Today we'll learn what CSS is, the different ways to add styles ...

10:33
1. CSS for Beginners. Introduction. Connection, Basic Concepts: Cascade, Specificity, Inheritance

119,139 views

3y ago

Александр Ламков — Friendly Frontend
17. Global HTML attributes - class, id, title, hidden, tabindex, lang, etc. Comments in markup

✏️ In this lesson, we'll cover useful global attributes: class, id, title, hidden, tabindex, lang, contenteditable, spellcheck ...

8:18
17. Global HTML attributes - class, id, title, hidden, tabindex, lang, etc. Comments in markup

22,807 views

3y ago

Александр Ламков — Friendly Frontend
4. CSS Padding and Margin — Understanding Spacing and Margin Collapsing

✏️ We'll talk about internal and external margins and padding, examine all the formats for their values, and discuss an ...

7:07
4. CSS Padding and Margin — Understanding Spacing and Margin Collapsing

36,555 views

3y ago

Александр Ламков — Friendly Frontend
18. Relevance of HTML tags and attributes. Can I Use and Can Include services. W3C Markup Validat...

✏️ We'll discuss the relevance of tags and attributes, how to check this relevance using the caniuse service, and learn how to ...

8:19
18. Relevance of HTML tags and attributes. Can I Use and Can Include services. W3C Markup Validat...

22,436 views

3y ago

Александр Ламков — Friendly Frontend
Mathematics in JavaScript. Arithmetic operators, comparison operators. Decrement and increment.

✏️ We'll explore arithmetic operators (subtraction, addition, multiplication, division, exponentiation, and remainder), learn ...

11:36
Mathematics in JavaScript. Arithmetic operators, comparison operators. Decrement and increment.

52,220 views

2y ago

Александр Ламков — Friendly Frontend
JavaScript Variables (var, let, const), Strict Mode (use strict). How to Name Variables?

✏️ We'll explore variables—how to declare them, name them correctly, redefine them, and use them. We'll also discuss the so ...

9:33
JavaScript Variables (var, let, const), Strict Mode (use strict). How to Name Variables?

73,902 views

2y ago

Александр Ламков — Friendly Frontend
How long should you study frontend? How long does it take to become a frontend developer?

✏️ Let's discuss how long it takes to study front-end development to get your first job. 🔴 Timeline: ▶ 00:00​ | Introduction ...

7:40
How long should you study frontend? How long does it take to become a frontend developer?

48,116 views

2y ago

Александр Ламков — Friendly Frontend
Creating an ACCESSIBLE tabs component. WAI-ARIA attributes • Frontend Accessibility 2024

✏️ We'll learn what WAI-ARIA attributes are, why they're needed, what groups they're divided into, and we'll explore how they ...

14:13
Creating an ACCESSIBLE tabs component. WAI-ARIA attributes • Frontend Accessibility 2024

4,180 views

2y ago

Александр Ламков — Friendly Frontend
Managed and Unmanaged Components in React: The useRef Hook and Working with the DOM

⚡ Get the entire course (22 lessons) at once: https://boosty.to/friendly-frontend/posts/08f4cd01-a7ce-4e5b-8055-88aa401c7808 ...

18:48
Managed and Unmanaged Components in React: The useRef Hook and Working with the DOM

9,803 views

10mo ago

Александр Ламков — Friendly Frontend
React — что нужно знать до изучения фронтенд-разработчику? Пример практики

Мощная практика перед изучением React: https://stepik.org/a/228315 Вас ждёт Vite / Minista, шаблонизатор JSX, Sass, ...

8:41
React — что нужно знать до изучения фронтенд-разработчику? Пример практики

26,413 views

1y ago

Александр Ламков — Friendly Frontend
14. HTML Forms. required, disabled, readonly, placeholder, inputmode, type, and autocomplete attr...

✏️ In this video, we'll look at additional attributes for all previously discussed form fields that may be useful in work ...

16:35
14. HTML Forms. required, disabled, readonly, placeholder, inputmode, type, and autocomplete attr...

32,668 views

3y ago

Александр Ламков — Friendly Frontend
16. HTML vector graphics, svg tag. How to export an SVG image from Figma

✏️ We'll get acquainted with vector graphics, how they differ from raster graphics, understand the JPG, PNG, and SVG formats ...

6:11
16. HTML vector graphics, svg tag. How to export an SVG image from Figma

26,708 views

3y ago

Александр Ламков — Friendly Frontend
Loops in JavaScript are while, do while, and for. Breaking a loop is called break. Continuing a l...

✏️ We'll learn what loops are, what they're used for, and examine the while and for loop constructs in particular. We'll also ...

10:56
Loops in JavaScript are while, do while, and for. Breaking a loop is called break. Continuing a l...

49,072 views

2y ago

Александр Ламков — Friendly Frontend
11. HTML формы. Теги form, fieldset, legend, label и поле ввода input

В этом видео начинаем разбираться с формами, обсудим теги form, fieldset, legend, label, input, а также атрибуты for, id, ...

4:39
11. HTML формы. Теги form, fieldset, legend, label и поле ввода input

45,678 views

3y ago