WebForMySelf
WebForMySelf
  • 1 104
  • 12 618 772
Калькулятор расчета стоимости проекта на ReactJS
Исходники к уроку тут: t.me/webformyself/3627
В данном уроке мы разберем, как сделать калькулятор расчета стоимости проекта на React JS.
Рассмотрим, как сохранять выбранные элементы калькулятора, как суммировать их и динамически присваивать CSS-классы элементам DOM дерева.
zhlédnutí: 6 549

Video

Как делать cиды для БД в NodeJS с помощью ORM Sequelize
zhlédnutí 2,3KPřed rokem
Исходники к уроку тут: t.me/webformyself/3609 В данном уроке мы разберем, как делать сиды для БД в NodeJS с помощью ORM Sequelize. Рассмотрим, что такое сиды, в каких случаях они нужны, и сделаем сид для таблицы БД со списком городов. Разберем описанную тему на примере трех баз данных, для трех сред: локальная, тестовая и продакшн.
Как делать миграции для БД в NodeJS, ORM Sequelize
zhlédnutí 7KPřed rokem
Исходники к уроку тут: t.me/webformyself/3607 В данном уроке мы разберем, как делать миграции бд в Node js, с помощью ORM Sequelize. Рассмотрим, что такое up&down миграции, узнаем как применить изменения в нашу базу с помощью миграции, и как их откатить обратно. Разберем описанные темы на примере трех баз данных, для трех сред: локальная, тестовая и продакшен.
5 однострочных функций в JavaScript, которые упростят разработку
zhlédnutí 2,8KPřed rokem
Laravel Angular. Быстрый старт: webformyself.com/minikurs/la/free.html Исходники к уроку тут: t.me/webformyself/3596 В этом видео мы напишем 5 полезных функций на JavaScript, каждая из которых умещается в одну строку. Эти функции помогут решить часто встречающиеся в разработке задачи без необходимости использовать сторонние библиотеки. Кроме этого, мы узнаем о некоторых тонкостях работы со стро...
Паттерн mixin в JavaScript. 2 способа реализации
zhlédnutí 1,8KPřed rokem
Laravel Angular. Быстрый старт: webformyself.com/minikurs/la/free.html Исходники к уроку тут: t.me/webformyself/3594 В этом уроке мы рассмотрим паттерн mixin в JavaScript. Узнаем какую проблему он решает и разберем 2 способа реализации. На примерах посмотрим, когда и какой способ использовать. Мы также вспомним особенности работы классов в JavaScript и познакомимся с понятием «объект первого кл...
Создание Angular приложения с Routing и Services
zhlédnutí 1,6KPřed rokem
Laravel Angular. Быстрый старт: webformyself.com/minikurs/la/free.html Исходники к уроку тут: t.me/webformyself/3569 Совместим знания из предыдущих уроков по Роутингу и Сервисам и попробуем создать приложение, которое позволит нам переходить на новые маршруты и обмениваться данными с помощью сервиса. Перед запуском проекта (команда ng serve open) из приложенных файлов, не забудьте установить np...
Angular Services. Создание и использование сервиса
zhlédnutí 1,4KPřed rokem
Laravel Angular. Быстрый старт: webformyself.com/minikurs/la/free.html Сервисы в Angular выполняют важнейшую функцию - отвечают за работу с данными и вынесение различной логики. Мы создадим Сервис и попробуем с ним взаимодействовать из разных мест приложения.
Angular Routing. Создание и переход по маршрутам
zhlédnutí 4KPřed rokem
Laravel Angular. Быстрый старт: webformyself.com/minikurs/la/free.html Angular Routing - одна из важнейших концепций фреймворка Angular. С ее помощью мы можем открывать новые страницы, меняя путь в адресной строке. При смене маршрута, перезагрузка приложения не происходит, что является важной особенностью Single Page Applications.
API-Запросы на сервер. XMLHttpRequest и Fetch. Создание интерактивной формы
zhlédnutí 3,4KPřed rokem
Laravel Angular. Быстрый старт: webformyself.com/minikurs/la/free.html Исходники к уроку тут: t.me/webformyself/3565 В этом уроке мы продолжим работать с сервером: получим данные с помощью Fetch, а после создадим интерактивную форму. В данной форме будем динамически заменять контент на странице, приходящий с Backend-а (без перезагрузки страницы).
API-Запросы на сервер. XMLHttpRequest и Fetch
zhlédnutí 6KPřed rokem
Laravel Angular. Быстрый старт: webformyself.com/minikurs/la/free.html Ключевая концепция работы сайтов и приложений - это обмен данными между клиентом (Frontend) и сервером (Backend). Клиенту нужно получать данные с Backend-а и отправлять обратно на сервер обновленные данные. В данном уроке мы познакомимся с ключевыми концепциями взаимодействия между клиентом и сервером: XMLHttpRequest и Fetch...
Новые операторы в JavaScript
zhlédnutí 11KPřed rokem
Laravel Angular. Быстрый старт: webformyself.com/minikurs/la/free.html Исходники к уроку тут: t.me/webformyself/3561 В последних спецификациях ECMAScript появилось несколько новых операторов. В этом уроке мы детально разберем,как они работают и увидим, как они могут сократить код. Рассмотрим примеры, где эти операторы могут быть быть полезны. Также вспомним, как работает механизм сокращенных вы...
Утилита для удобной работы с запросами в JavaScript. Часть 2
zhlédnutí 1,3KPřed rokem
Laravel Angular. Быстрый старт: webformyself.com/minikurs/la/free.html Исходники к уроку тут: t.me/webformyself/3558 В этом уроке мы продолжим работать с утилитой для запросов. Мы добавим типизацию с помощью TypeScript и увидим как это улучшит наш код. Будем использовать Generic-типы, создадим несколько своих типов и вспомним, как работать с компилятором TypeScript. Кроме этого, мы разберем осо...
Утилита для удобной работы с запросами в JavaScript. Часть 1
zhlédnutí 2,2KPřed rokem
Laravel Angular. Быстрый старт: webformyself.com/minikurs/la/free.html Исходники к уроку тут: t.me/webformyself/3554 Когда мы создаем какой-то фронтенд, мы часто делаем запросы к API на бэкенде. Вместо того, чтобы каждый раз писать запрос через fetch или использовать большую библиотеку, типа Axios, мы можем написать свою небольшую утилиту. Она сделает отправку запросов более удобной, а код боле...
Красивый эффект при наведении на блок
zhlédnutí 7KPřed rokem
Уроки по верстке сайта: webformyself.com/minikurs/vmaster/free.html Исходники к уроку тут: t.me/webformyself/3501 Посетителям гораздо интереснее и комфортнее на веб-страницах, если контент страницы реагирует на действия посетителя. Самыми элементарными и простыми действиями посетителя могут быть наведение курсора мыши на блоки и клик по блоку или кнопке. В данном уроке рассмотрен интересный эфф...
Эффект наведения на кнопку
zhlédnutí 2,1KPřed rokem
Уроки по верстке сайта: webformyself.com/minikurs/vmaster/free.html Исходники к уроку тут: t.me/webformyself/3498 Важным элементом веб-страницы, особенно лендинга является CTA (call to action) - призыв к действию. CTA часто сразу пишут на кнопках «Оформить заказ», «Перезвоните мне», «Заказать расчет стоимости» и т.д. И чем лучше сделана кнопка, чем красивее эффект по наведению на такую кнопку, ...
Ресурсы во фреймворке Laravel
zhlédnutí 4,4KPřed 2 lety
Ресурсы во фреймворке Laravel
Определение координат пользователя и проверка их вхождения в заданную область
zhlédnutí 2,2KPřed 2 lety
Определение координат пользователя и проверка их вхождения в заданную область
Валидация данных на PHP. Часть 2
zhlédnutí 2,3KPřed 2 lety
Валидация данных на PHP. Часть 2
Валидация данных на PHP. Часть 1
zhlédnutí 6KPřed 2 lety
Валидация данных на PHP. Часть 1
Красивая лента (ribbon) на CSS
zhlédnutí 2,1KPřed 2 lety
Красивая лента (ribbon) на CSS
SMTP Gmail для отправки писем с сайта
zhlédnutí 19KPřed 2 lety
SMTP Gmail для отправки писем с сайта
Применение паттерна Адаптер в Laravel
zhlédnutí 2,6KPřed 2 lety
Применение паттерна Адаптер в Laravel
Урок 2. PHP 8. Основы синтаксиса PHP и первая программа
zhlédnutí 13KPřed 2 lety
Урок 2. PHP 8. Основы синтаксиса PHP и первая программа
Урок 1. PHP 8. Установка Open Server
zhlédnutí 24KPřed 2 lety
Урок 1. PHP 8. Установка Open Server
PHP 8. Введение
zhlédnutí 8KPřed 2 lety
PHP 8. Введение
Функция Показать пароль
zhlédnutí 6KPřed 2 lety
Функция Показать пароль
Верстка-Мастер. Полное руководство. Курс от WebForMySelf (Бернацкий Андрей)
zhlédnutí 7KPřed 2 lety
Верстка-Мастер. Полное руководство. Курс от WebForMySelf (Бернацкий Андрей)
Урок 10. Верстка. Быстрый старт. Адаптация страницы. Часть 2. Заключение
zhlédnutí 3KPřed 2 lety
Урок 10. Верстка. Быстрый старт. Адаптация страницы. Часть 2. Заключение
Урок 9. Верстка. Быстрый старт. Адаптация страницы. Часть 1
zhlédnutí 2,9KPřed 2 lety
Урок 9. Верстка. Быстрый старт. Адаптация страницы. Часть 1
Урок 8. Верстка. Быстрый старт. Верстка подвала страницы
zhlédnutí 3,1KPřed 2 lety
Урок 8. Верстка. Быстрый старт. Верстка подвала страницы

Komentáře

  • @user-ix2zz7ci6i
    @user-ix2zz7ci6i Před 5 dny

    спасибо, наконец понял!

  • @Arsalan_arbalzhinov

    спасибо большое вам за такой супер круто мини-курс)))

  • @black_light
    @black_light Před 9 dny

    Супер. Вчера написал кучу непонятного кода чтоб сделать то что момент делает в пару символов. Спасибо.

  • @Jeremy-Red
    @Jeremy-Red Před měsícem

    Очень полезный материал. Особенно демонстрация работы ссылок.

  • @vasilygrachev5300
    @vasilygrachev5300 Před měsícem

    Отличное видео. Как раз отвечает на вопрос что такое апи и как его использовать

  • @breidab4115
    @breidab4115 Před měsícem

    Здравствуйте. Подскажите, пожалуйста, почему страница детального просмотра открывается только с cозданного раздела blog, а с главной страницы как не открывалась, так и не открывается, И при переходе с раздела blog в ссылке перед design стоит blog, в при переходе с главной перед design не указывается blog. Спасибо

  • @user-yr2gp5yt5p
    @user-yr2gp5yt5p Před měsícem

    Не сказать, что легко, временами мозги закипали, но за 2 дня осилил, осознал второй урок. Автор, Вы лучший человек на планете

  • @user-cf8pz8xn5e
    @user-cf8pz8xn5e Před měsícem

    Занятия просто пушка! Благодарю за ваш труд!

  • @user-jx3gv5fh8c
    @user-jx3gv5fh8c Před měsícem

    2024 год, зависимости не нужны, в дополнение к основной программе нужно установить mongodb shell - именно эта программа запустит mongo, для удобство можно добавить переменную

  • @monblan57
    @monblan57 Před 2 měsíci

    лучшие уроки по OC, спасибо!

  • @user-vw8dm9vl7s
    @user-vw8dm9vl7s Před 2 měsíci

    Только с вашим объяснением понял что такое сервис

  • @miheyjumanjy8082
    @miheyjumanjy8082 Před 2 měsíci

    да картиночка сложилась СПС БРО!

  • @eminsahmuradov1105
    @eminsahmuradov1105 Před 2 měsíci

    Привет, я смотрю твои видео уроки. PHP MACTER Интернет-журнал cms Карточка цветочка. Чтобы загрузить модификацию Сохраните продукт в пользовательском выборе $_COOKIE.

  • @nikikimora
    @nikikimora Před 2 měsíci

    Спасибо большое за объяснение

  • @lemur5622
    @lemur5622 Před 3 měsíci

    Подскажите как можна саму стрелку поставить по правой стороне ?

  • @xdark2
    @xdark2 Před 3 měsíci

    Если перед началом выдачи пользователю файла, был выведен какой либо текст (echo; print; var_dump) может возникнуть ошибка ведущая к порче (коррупции) файла, что-бы этого избежать, перед началом указания элементов header напишите следующие строки ob_clean(); flush();

  • @romanryaboshtan9270
    @romanryaboshtan9270 Před 3 měsíci

    как создавать связи один ко многим через миграции

  • @VHS690
    @VHS690 Před 3 měsíci

    Спасибо! Лаконично, по делу! Для меня самое то!

  • @Erzhena-fw4wr
    @Erzhena-fw4wr Před 3 měsíci

    Спасибо большое)))

  • @tforce2009
    @tforce2009 Před 4 měsíci

    Опенсервер конечно удобный спору нет, но надоели вечные проблемы конфликтующих программ, то сайт не запускается, то phpmyadmin не пускает, столько времени зря теряешь, продолжать работу нет возможности, нервов не хватает. Но замену пока не нашел

  • @philipmelnik4350
    @philipmelnik4350 Před 4 měsíci

    Отличный урок! Разобрался с запуском php в браузере! Большое спасибо!

  • @captaincookie3327
    @captaincookie3327 Před 4 měsíci

    Прекрасно помог с моим проектом, спасибо!

  • @hunterbidon9423
    @hunterbidon9423 Před 4 měsíci

    Поставлю лайк видео, за то что в коментах нашел решение своей проблемы.

  • @captaincookie3327
    @captaincookie3327 Před 4 měsíci

    Годно, спасибо

  • @mishakonsta
    @mishakonsta Před 4 měsíci

    Должен сказать как человек который всю жизнь писал процедурный код без понимания ооп, этот плейлист является лучшим, что я видел на просторах, где помимо примера реализации ооп, еще и за одно приходит понимание MVC, и в целом то, как работают большинство PHP фреймворков. Хотел бы сказать большое спасибо! А самое забавное, что ни одно видео сделанное в ближайшие пару лет не дает четкого понимания того что конкретно ты пишешь, большинство людей юзают готовые библиотеки сразу же, что с одной стороны облегчает им работу, а с другой - заставляет меньше думать о том, как это вообще работает. Поэтому скажу так. Если вы человек, который хочет понять ООП прям базовую часть, а за одно MVC, при этом вы всю жизнь писали процедурный код и привыкли к нему - обязательно посмотрите этот плейлист. У меня на каждое видео длинною в 40 минут уходит пару часов, но по итогу я сам начинаю понимать все, о чем говорит автор в видео, за что ему огромная благодарность! И заметьте, я смотрю его в 2024))) Когда казалось бы, все уже пишут немного иначе. Но поверьте, этот плейлист чрезвычайно важен, а от него вы уже будете совершенствовать свои знания в том же понимании ООП

  • @corpse_obscur
    @corpse_obscur Před 4 měsíci

    Спасибо, Ваше видео оказалось полезным!

  • @adeliin
    @adeliin Před 4 měsíci

    Лучшее объяснение! Спустя триллион просмотров видео на ютубе, именно ваше объяснение помогло запустить проект на Windows, через VScode. Спасибо вам!

  • @avenircaprioly1511
    @avenircaprioly1511 Před 4 měsíci

    если я правильно понял 1С - Битрикс это что-то типа visual - web - редактора?

  • @avenircaprioly1511
    @avenircaprioly1511 Před 4 měsíci

    HTML, CSS, JS - потребитель/изготовитель; PHP, MySQL - отправитель/получатель=доставщик туда/сюда потреблённого изготовителем

  • @user-zt2ot2wj9p
    @user-zt2ot2wj9p Před 5 měsíci

    Вроде все просто. Но работа с классами меня отталкивает.

  • @factorevo2006-sv2mm
    @factorevo2006-sv2mm Před 5 měsíci

    спасибо большое, всё сработало

  • @malyuga4726
    @malyuga4726 Před 5 měsíci

    Думаю очень важное, что можно было бы добавить это - транзакции. Весь код из миграции выполняется асинхронно и при возникновении ошибки - останавливается. Например, при миграции на 10 полей, выполнение остановилось с ошибкой, потому что 5 поле уже существует. Соответственно только первые 4 поля будут созданы, а в таблице SequelizeMeta записи никакой не будет, то есть откатывать нечего. Транзакции же позволяют выполнить этот код в рамках операции и если произошла ошибка, то автоматически все действия отменяются.

  • @Daniilxf
    @Daniilxf Před 5 měsíci

    Пожалуйста, подскажите название Вашей цветовой темы в VSC 🙂

  • @user-vg9mj6eo7e
    @user-vg9mj6eo7e Před 5 měsíci

    Очень хорошо все рассказываете. Хотелось бы увидеть все же на потом реализацию функцию-метки для выставления в шаблоне. Сам попытался написать библиотеку для этого, но не вышло.

  • @nikolaynaumenko7802
    @nikolaynaumenko7802 Před 5 měsíci

    При установке Laravel на OpenServer не отображается страница приветствия Laravel, а только пункты Documantion, Laracasts и прочие. Как исправить?

  • @user-gd4en4ot3u
    @user-gd4en4ot3u Před 5 měsíci

    Если кто знает, подскажите, какие конкретно библиотеки в питоне, созданы спецом для АПИ?

  • @makcim3d
    @makcim3d Před 5 měsíci

    Выражаю автору огромную благодарность! Все по-полочкам, очень доходчиво и детально. Мне как новичку, ваш ролик очень помог на моей первой работе. Еще раз спасибо за видео👍🏻

  • @user-hn6cy4cz4v
    @user-hn6cy4cz4v Před 5 měsíci

    Спасибо огромное!! До этого видео не понимала этот момент вообще, теперь дошло,ура!)

  • @maksimaisin743
    @maksimaisin743 Před 6 měsíci

    А вот вы сказали, что если 10 тыс записей, то удобно через сиды. И что, все 10 тыс вот так в массиве объектов прописывать? Можно как то импорт файла сделать? Опять же, не json, а к примеру excel файла с названиями городов?

  • @livingston9750
    @livingston9750 Před 6 měsíci

    Круто, спасибо!)

  • @ivangessler9847
    @ivangessler9847 Před 6 měsíci

    Хочу сказать ОГРОБНОЕ СПАСИБО (!!!) за этот курс. Очень помог, прояснил многие вопросы, мучавшие меня. Хотя в Германии я прошёл двухгодичное образование по специальности разработчик.

  • @eminsahmuradov1105
    @eminsahmuradov1105 Před 6 měsíci

    urrok supper 👍👍👍

  • @eminsahmuradov1105
    @eminsahmuradov1105 Před 6 měsíci

    Ваши уроки очень хороши

  • @user-mu8nr7hn8f
    @user-mu8nr7hn8f Před 6 měsíci

    Понравился, но смотрю с конца

  • @KrKrinzh
    @KrKrinzh Před 6 měsíci

    А как сохранить эти изменения в самом сайте?

  • @mr.sem_ta
    @mr.sem_ta Před 6 měsíci

    Что делать если иконки не показывает

  • @justgames2458
    @justgames2458 Před 6 měsíci

    Здравствуйте! А как вывести категорию товаров и карточки в Битрикс? Просто начал только изучать.

  • @artiomkhadunou7819
    @artiomkhadunou7819 Před 6 měsíci

    Не понял, почему вывод элементов из второго цикла с ключом 0, 1, 2 соответствуют выводу элементов первого цикла, а элемент 3 остался равным элементу 2. Ведь, в предыдущем цикле выполнилось умножение значения для элемента 4

  • @martindoriel6585
    @martindoriel6585 Před 6 měsíci

    Это очень важный урок. Поразительно, что нашёл ответ в видео шестилетней давности и здесь нет комментов 😮

  • @danbaghoi4132
    @danbaghoi4132 Před 7 měsíci

    Большое спасибо. Видео 10-летней давности, а помогло.