- 38
- 250 079
FrontEnd tricks
Latvia
Приєднався 15 лип 2021
Welcome to my channel, my name is Aleksander 27y.o.
I have been developing websites for about 8 years.
And today, 07/15/2021, I got the idea to create such a channel so that beginners, and maybe already advanced layout designers, can quickly and conveniently find the right answer to the question, but how to do this? In order not to watch 30-60 minute videos, and look for a suitable fragment. Enjoy watching!
10.04.2022 - 500
20.05.2022 - 1000
????? - 5000
I have been developing websites for about 8 years.
And today, 07/15/2021, I got the idea to create such a channel so that beginners, and maybe already advanced layout designers, can quickly and conveniently find the right answer to the question, but how to do this? In order not to watch 30-60 minute videos, and look for a suitable fragment. Enjoy watching!
10.04.2022 - 500
20.05.2022 - 1000
????? - 5000
Вёрстка сайта для НАЧИНАЮЩИХ | FIGMA | Урок 5
Всем привет, добро пожаловать, на пятый урок из моего нового курса по вёрстке сайта для начинающих
Верстать будем на чистом HTML | CSS без дополнительных инструментов.
Нужен хостинг? bit.ly/3Hs71W2 Сервис по доменам и хостингу, регистрируйся по ссылке, получи скидку!
HtmlBase - bit.ly/3sOc0YR
Это новый курс по вёрстке, верстаем магазин
Дизайн - bit.ly/3NfFvyq
Яндекс диск - bit.ly/3orB9dh
Drive Google - bit.ly/3Au0lT7
Brackets - bit.ly/3JTRTj5
VsCode - bit.ly/3JHaWNn
Поддержать канал - www.donationalerts.com/r/frontendtricks
Телеграм чат - t.me/frontendtrickschat
#Вёрстка #HTML #CSS
Верстать будем на чистом HTML | CSS без дополнительных инструментов.
Нужен хостинг? bit.ly/3Hs71W2 Сервис по доменам и хостингу, регистрируйся по ссылке, получи скидку!
HtmlBase - bit.ly/3sOc0YR
Это новый курс по вёрстке, верстаем магазин
Дизайн - bit.ly/3NfFvyq
Яндекс диск - bit.ly/3orB9dh
Drive Google - bit.ly/3Au0lT7
Brackets - bit.ly/3JTRTj5
VsCode - bit.ly/3JHaWNn
Поддержать канал - www.donationalerts.com/r/frontendtricks
Телеграм чат - t.me/frontendtrickschat
#Вёрстка #HTML #CSS
Переглядів: 1 537
Відео
Вёрстка сайта для НАЧИНАЮЩИХ | FIGMA | Урок 4
Переглядів 2,1 тис.Рік тому
Всем привет, добро пожаловать, на четвертый урок из моего нового курса по вёрстке сайта для начинающих Верстать будем на чистом HTML | CSS без дополнительных инструментов. Нужен хостинг? bit.ly/3Hs71W2 Сервис по доменам и хостингу, регистрируйся по ссылке, получи скидку! HtmlBase - bit.ly/3sOc0YR Это новый курс по вёрстке, верстаем магазин Дизайн - bit.ly/3NfFvyq Яндекс диск - bit.ly/3orB9dh Dr...
Вёрстка сайта для НАЧИНАЮЩИХ | FIGMA | Урок 3
Переглядів 6 тис.Рік тому
Всем привет, добро пожаловать, на третий урок из моего нового курса по вёрстке сайта для начинающих Верстать будем на чистом HTML | CSS без дополнительных инструментов. Нужен хостинг? bit.ly/3Hs71W2 Сервис по доменам и хостингу, регистрируйся по ссылке, получи скидку! HtmlBase - bit.ly/3sOc0YR Это новый курс по вёрстке, верстаем магазин Дизайн - bit.ly/3NfFvyq Яндекс диск - bit.ly/3orB9dh Drive...
Вёрстка сайта для НАЧИНАЮЩИХ | FIGMA | Урок 2
Переглядів 8 тис.Рік тому
Всем привет, добро пожаловать, на второй урок из моего нового курса по вёрстке сайта для начинающих Верстать будем на чистом HTML | CSS без дополнительных инструментов. Нужен хостинг? bit.ly/3Hs71W2 Сервис по доменам и хостингу, регистрируйся по ссылке, получи скидку! HtmlBase - bit.ly/3sOc0YR Это новый курс по вёрстке, верстаем магазин Дизайн - bit.ly/3NfFvyq Яндекс диск - bit.ly/3orB9dh Drive...
Вёрстка сайта для НАЧИНАЮЩИХ | FIGMA | Урок 1
Переглядів 37 тис.Рік тому
Всем привет, добро пожаловать, на первый урок из моего нового курса по вёрстке сайта для начинающих Верстать будем на чистом HTML | CSS без дополнительных инструментов. Нужен хостинг? bit.ly/3Hs71W2 Сервис по доменам и хостингу, регистрируйся по ссылке, получи скидку! HtmlBase - bit.ly/3sOc0YR Это новый курс по вёрстке, верстаем магазин Дизайн - bit.ly/3NfFvyq Яндекс диск - bit.ly/3orB9dh Drive...
Получение позиции курсора Javascript | JS
Переглядів 291Рік тому
Простой урок по javascript, получение позиции курсора на странице, и показ тултипа) Поддержать канал - www.donationalerts.com/r/frontendtricks Телеграм чат - t.me/frontendtrickschat Boosty - boosty.to/frontendtricks
Javascript с нуля | Урок 1 | JS
Переглядів 1,4 тис.2 роки тому
Всем привет, добро пожаловать, на первый урок из моего курса по Javascript, тут я буду стараться максимально просто, и доходчиво объяснять как работает и как писать на JS Поддержать канал - www.donationalerts.com/r/frontendtricks Телеграм чат - t.me/frontendtrickschat 00:00 - Введение 01:38 - Комментарии 03:30 - Вывод в консоль 05:22 - Переменные 07:41 - Типы данных ( Примитивные) 11:44 - Типы ...
#5 | Вёрстка сайта с нуля | Для начинающих | Figma | HTML, CSS
Переглядів 8 тис.2 роки тому
Всем привет, добро пожаловать, на пятый и заключительный урок из моего курса по вёрстке сайта с нуля для начинающих Верстать будем на чистом HTML | CSS без дополнительных инструментов. Нужен хостинг? bit.ly/3Hs71W2 Сервис по доменам и хостингу, регистрируйся по ссылке, получи скидку! Ссылки: Дизайн - bit.ly/3JxgERO Исходники - bit.ly/3NPOULj HtmlBase - bit.ly/3sOc0YR Can i use - bit.ly/35aLssu ...
#4 | Вёрстка сайта с нуля | Для начинающих | Figma | HTML, CSS
Переглядів 9 тис.2 роки тому
Всем привет, добро пожаловать, на четвертый урок из моего курса по вёрстке сайта с нуля для начинающих Верстать будем на чистом HTML | CSS без дополнительных инструментов. Нужен хостинг? bit.ly/3Hs71W2 Сервис по доменам и хостингу, регистрируйся по ссылке, получи скидку! Ссылки: Дизайн - bit.ly/3JxgERO Исходники - bit.ly/3NPOULj HtmlBase - bit.ly/3sOc0YR Can i use - bit.ly/35aLssu Brackets - bi...
#3 | Вёрстка сайта с нуля | Для начинающих | Figma | HTML, CSS
Переглядів 8 тис.2 роки тому
Всем привет, добро пожаловать, на третий урок из моего курса по вёрстке сайта с нуля для начинающих Верстать будем на чистом HTML | CSS без дополнительных инструментов. Ссылки: Дизайн - bit.ly/3JxgERO Исходники - bit.ly/3NPOULj HtmlBase - bit.ly/3sOc0YR Can i use - bit.ly/35aLssu Brackets - bit.ly/3JTRTj5 VsCode - bit.ly/3JHaWNn Поддержать канал - www.donationalerts.com/r/frontendtricks #Вёрстк...
#2 | Вёрстка сайта с нуля | Для начинающих | Figma | HTML, CSS
Переглядів 20 тис.2 роки тому
Всем привет, добро пожаловать, на второй урок из моего курса по вёрстке сайта с нуля для начинающих Верстать будем на чистом HTML | CSS без дополнительных инструментов. Нужен хостинг? bit.ly/3Hs71W2 Сервис по доменам и хостингу, регистрируйся по ссылке, получи скидку! Ссылки: Дизайн - bit.ly/3JxgERO Исходники - bit.ly/3NPOULj HtmlBase - bit.ly/3sOc0YR Can i use - bit.ly/35aLssu Brackets - bit.l...
#1 | Вёрстка сайта с нуля | Для начинающих | Figma | HTML, CSS
Переглядів 84 тис.2 роки тому
Всем привет, добро пожаловать, на первый урок из моего курса по вёрстке сайта с нуля для начинающих Верстать будем на чистом HTML | CSS без дополнительных инструментов. Нужен хостинг? bit.ly/3Hs71W2 Сервис по доменам и хостингу, регистрируйся по ссылке, получи скидку! Ссылки: Дизайн - bit.ly/3JxgERO Исходники - bit.ly/3NPOULj HtmlBase - bit.ly/3sOc0YR Can i use - bit.ly/35aLssu Дизайн файлом - ...
Делаем видео Overlay HTML, CSS, JS | Урок 21
Переглядів 1,9 тис.2 роки тому
Делаем видео Overlay HTML, CSS, JS | Урок 21
Кнопка показать/скрыть пароль | JS Урок 20
Переглядів 2,9 тис.2 роки тому
Кнопка показать/скрыть пароль | JS Урок 20
Javascript для модального окна | Урок 16.1
Переглядів 2973 роки тому
Javascript для модального окна | Урок 16.1
Вёрстка модального окна HTML,CSS | Урок 16
Переглядів 6443 роки тому
Вёрстка модального окна HTML,CSS | Урок 16
Nav scroll на Vanilla Javascript | Урок 15.1
Переглядів 2723 роки тому
Nav scroll на Vanilla Javascript | Урок 15.1
ScrollSpy на Vanilla Javascript | Урок 15
Переглядів 5523 роки тому
ScrollSpy на Vanilla Javascript | Урок 15
Валидация формы на Javascript | Урок 14
Переглядів 22 тис.3 роки тому
Валидация формы на Javascript | Урок 14
Анимация при загрузке сайта HTML, CSS | Урок 13
Переглядів 5 тис.3 роки тому
Анимация при загрузке сайта HTML, CSS | Урок 13
Фиксируем шапку при прокрутке сайта Javascript | Урок 12
Переглядів 4,5 тис.3 роки тому
Фиксируем шапку при прокрутке сайта Javascript | Урок 12
Flip карточки на HTML, CSS | Урок 11
Переглядів 1,3 тис.3 роки тому
Flip карточки на HTML, CSS | Урок 11
Полоса прогресса при прокрутке сайта Javascript | Урок 10
Переглядів 7593 роки тому
Полоса прогресса при прокрутке сайта Javascript | Урок 10
Ставим Google maps на сайт Javascript | Урок 9
Переглядів 4,3 тис.3 роки тому
Ставим Google maps на сайт Javascript | Урок 9
Получение изображения с выбранного файла Javascript | Урок 8
Переглядів 8923 роки тому
Получение изображения с выбранного файла Javascript | Урок 8
Кнопка для меню "Burger" на HTML, CSS | Урок 7
Переглядів 7853 роки тому
Кнопка для меню "Burger" на HTML, CSS | Урок 7
Прижимаем Footer к низу страницы на HTML, CSS | Урок 6
Переглядів 6513 роки тому
Прижимаем Footer к низу страницы на HTML, CSS | Урок 6
Спасибо за урок! Часа 2 пытался найти скрипт под несколько инпутов с паролем... Лучший
почему-то не отображается .header__link-event... два раза проверял... никак...
Благодарю. Полезное видео. Хотелось бы еще подобное видео, но с адаптивным дизайном.
А как сделать с бордер радиусом, чтобы фон был прозрачный а содержимое то есть текст тоже был грвдиент?
Как же ты хорошо объясняешь бро
19:40 20:00
Пушка 🎉🎉🎉
Так хорошо начал в начале, всё объяснял а теперь 3 урок, тараторит, альтабается с максимальной скоростью
transition : background-color не работает, смотрел в справочнике HTMLBase там такой команды нету
хороший контент для начинающих👍
почему вся верстка слетает вплане масштаба из-за паддингов будто
8:30 11:40 12:35 12:55 13:07 15:00 16:55 18:10 21:35 24:54 26:40 28:31
25:00
Наконец-то по вашим видео сверстал сайт все очень понятно и коротко . Одним словом топ!!!
жаль, пока новая часть выходила уже смог сам доделать макет. спасибо, ты много чему научил
не работают ссылки на макет
мы используем теги header footer main ..... и прочие песятки тегов 1 для четкой симантики корректной верстки что говорит о вашем професионализме. 2 читаемость структуры становиться в разы проще. 3 поисковые роботы смогут точнее идентифецировать структуру вашего сайта что играет ключевую роль для поискового запроса пользователем. А не потому что нам так проще...
Топ !
Как раз хотел узнать как сделать валидацию формы и бац наткнулся на твое видео. Это топчик !!!!!!!!!!!
Очень понятно объясняете спасибо 🤗
Спасибо огромное за твой обучающий видеоролик - продолжай свое дело 😊
лучший видос
Очень интересно и понятно . С нас однозначно лайк 👍🏻 🎉
Что за сайт на котором ты это всё делал?
Что за вопрос........
Вопрос, такая практика реально помогает новичкам?
офигенные уроки. спасибо
Большое спасибо за подробное объяснение, все понятно и очень интересно 🥰
Отличное простое решение. Повторил и все получилось! спасибо огромное!
Привет! Я хочу спросить почему у меня не отображается картинка мусорки. Она у меня не отображается, по этому, что бы ее увидеть надо написать в альт. Ка решить эту проблему? (Извините за грамматические ошибки, у меня русский язык убрали ещё в 4 классе
@frontendtrickschat не найден
Зачем нужен overlay? В плане пользы для общего развития в навыках верстки, это хорошо. Но какая практическая польза в плане дизайна? Кстати, я использовал z-index 1 и 2 соответственно и всё также работает. Допускаю, что я недальновиден. Просто хочу во всем разобраться и ставлю попутно эксперименты. Позиционирование и геометрия для меня очень запутанная история. Не могу уяснить механизм сдвига header на intro. Мне не хватает практических примеров по этому моменту. Нужно посмотреть что-нибудь простое и наглядное с разноцветными квадратиками или кружочками)) Посоветуйте пожалуйста. Заранее благодарен. И ещё. Мне не очень нравится этот макет. Хотелось бы чтобы дизайнер прописал поконкретнее отступы между элементами. Макет необходимо доработать. Добавить нужное и убрать лишнее. Хотя, если этот макет был задуман как тренировочный для верстальщиков, то преодолевание трудностей ведет к ещё большей мудрости. PS: Мои выводы и суждения могут быть ошибочными. Я не верстальщик и не дизайнер, а только начинаю учиться.
Супер очень нравится такой контент. А у вас есть файл код этого урока если да то скиньте вашем тг канале буду очень благодарен если сделаете!!!
Здраствуйте а у вас все еще есть код? если да то можете скинуть
6:00 11:50 14:50 17:18 17:43 20:50 30:25 30:10
скажите, пожалуйста, как называется Ваш редактор? В Brackets очень неудобно, нет шаблонов и нет автоматического заполнения, все приходится вводить вручную
вам нужно скачать плагин Emmet в brackets и тогда будет) а мой редактор это phpStorm
Спасибо, жду ещё видео 🙃
Спасибо, что продолжили
Привет, тутор отличный, не мог бы ты пояснить еще раз за display:block в products__img. Не совсем понятно зачем он там нужен. Я вроде и так и так посмотрел и отличий не увидел, а общее представление поломалось немного. Буду благодарен если ответишь
Спасибо большое, благодаря тебе понял многое
5:25,8:05,9:53,13:40,14:53,15:45,15:50,19:15,22:40,26:00,27:38,27:55,28:26,29:20
Спасибо за проект в мою копилку гитхаба))
а ни у кого случаем нет готового кода
А тебе зачем?
7:15 почему intro__block не подошел как родитель для блока ? зачем понадобился еще wrapper ?
Когда подключал анимку при помощи hover, но решил выебнуться и подключил библиотеку анимейт. А потом код в помойку потому, что я заебался искать ошибку 😎😎😎
59:20 как по мне ,лучше их родителю задать gap:30px чтобы небыло лишних марджинов
А еще будут ?
Привет а еще будут?
а это прям крайний урок по теме??
спасибо!!!!! ты делаешь кое-что крутое
Большое СПАСИБО