codeBurger
codeBurger
  • Видео 84
  • Просмотров 571 844
FlatList с дозагрузкой данных при прокрутке
В этом видео мы изучим как в React Native создавать FlatList с дозагрузкой данных при прокрутке.
Поддержать развитие канала: www.donationalerts.com/r/codeburger
VK: id279967784
Почта для связи: codeBurger770@Gmail.com
#codeburger
Просмотров: 3 277

Видео

MobX для React #4 Реакции
Просмотров 6 тыс.3 года назад
В этом видео вы продолжите изучение библиотеки MobX. Изучите следующие реакции autorun, when и reaction. Поддержать развитие канала: www.donationalerts.com/r/codeburger VK: id279967784 Почта для связи: codeBurger770@Gmail.com #codeburger
MobX для React #3 Вычисляемые значения
Просмотров 4,4 тыс.3 года назад
В этом видео вы продолжите изучение библиотеки MobX. Узнаете про computed, makeAutoObservable и runInAction. А также вынесите управление состоянием за пределы компонентов. Поддержать развитие канала: www.donationalerts.com/r/codeburger VK: id279967784 Почта для связи: codeBurger770@Gmail.com #codeburger
MobX для React #2 Наблюдаемые значения, наблюдатель и действия (часть 2)
Просмотров 4,7 тыс.3 года назад
В этом видео вы продолжите изучение библиотеки MobX. Узнаете про useLocalObservable и Observer на примере компонента описанного в виде функции. Поддержать развитие канала: www.donationalerts.com/r/codeburger VK: id279967784 Почта для связи: codeBurger770@Gmail.com #codeburger
MobX для React #1 Наблюдаемые значения, наблюдатель и действия (часть 1)
Просмотров 11 тыс.3 года назад
В этом видео вы узнаете про библиотеку MobX, предназначенную для удобного управления состоянием в React приложениях. Узнаете про observer, makeObservable, observable и action на примере компонента описанного в виде класса. Поддержать развитие канала: www.donationalerts.com/r/codeburger VK: id279967784 Почта для связи: codeBurger770@Gmail.com #codeburger
TypeScript #20 Сторонние библиотеки и файлы декларации
Просмотров 5 тыс.4 года назад
В этом видео мы узнаем как использовать сторонние библиотеки, а также что такое файлы декларации. Поддержать развитие канала: www.donationalerts.com/r/codeburger VK: id279967784 Почта для связи: codeBurger770@Gmail.com #codeburger
TypeScript #19 Настройка webpack
Просмотров 7 тыс.4 года назад
В этом видео мы узнаем про настройку webpack для работы с typescript. Поддержать развитие канала: www.donationalerts.com/r/codeburger VK: id279967784 Почта для связи: codeBurger770@Gmail.com #codeburger
TypeScript #18 Оператор ! и пользовательские проверки типов
Просмотров 2,3 тыс.4 года назад
В этом видео мы узнаем про оператор ! и пользовательские проверки типов. Поддержать развитие канала: www.donationalerts.com/r/codeburger VK: id279967784 Почта для связи: codeBurger770@Gmail.com #codeburger
TypeScript #17 Операторы ?. и ??
Просмотров 1,9 тыс.4 года назад
В этом видео мы узнаем про операторы ?. и ??. Поддержать развитие канала: www.donationalerts.com/r/codeburger VK: id279967784 Почта для связи: codeBurger770@Gmail.com #codeburger
TypeScript #16 Тип BigInt и дополнение пройденного материала
Просмотров 1,3 тыс.4 года назад
В этом видео мы узнаем про тип BigInt. А также дополним пройденный материал по абстрактным классам и пространствам имен. Поддержать развитие канала: www.donationalerts.com/r/codeburger VK: id279967784 Почта для связи: codeBurger770@Gmail.com #codeburger
TypeScript #15 Утилиты (часть 3)
Просмотров 1,9 тыс.4 года назад
В этом видео мы узнаем про следующие утилиты: Parameters, ConstructorParameters, ReturnType и InstanceType. Поддержать развитие канала: www.donationalerts.com/r/codeburger VK: id279967784 Почта для связи: codeBurger770@Gmail.com #codeburger
TypeScript #14 Утилиты (часть 2)
Просмотров 2,3 тыс.4 года назад
В этом видео мы узнаем про следующие утилиты: Pick, Extract, Exclude и Omit. Поддержать развитие канала: www.donationalerts.com/r/codeburger VK: id279967784 Почта для связи: codeBurger770@Gmail.com #codeburger
TypeScript #13 Утилиты (часть 1)
Просмотров 5 тыс.4 года назад
В этом видео мы узнаем про следующие утилиты: Partial, Required, NonNullable, Record, Readonly и ReadonlyArray. А также узнаем, что будет если сделать приведение типа к const. Поддержать развитие канала: www.donationalerts.com/r/codeburger VK: id279967784 Почта для связи: codeBurger770@Gmail.com #codeburger
TypeScript #12 Обобщенные типы (Generics)
Просмотров 7 тыс.4 года назад
В этом видео мы узнаем что такое обобщенные типы (Generics). Узнаем про условные типы (T ? U : R). Узнаем про операторы keyof и infer, а также как расширять (наследовать) типы с помощью extends. Поддержать развитие канала: www.donationalerts.com/r/codeburger VK: id279967784 Почта для связи: codeBurger770@Gmail.com #codeburger
TypeScript #11 Пространства имен
Просмотров 3,5 тыс.4 года назад
В этом видео мы узнаем что такое пространства имен (namespace). Узнаем как экспортировать (export) из пространств имен. Ну и в конце узнаем про другой способ задания приватных переменных (#field). Поддержать развитие канала: www.donationalerts.com/r/codeburger VK: id279967784 Почта для связи: codeBurger770@Gmail.com #codeburger
TypeScript #10 Модификаторы доступа
Просмотров 3,4 тыс.4 года назад
TypeScript #10 Модификаторы доступа
TypeScript #9 Абстрактные классы
Просмотров 6 тыс.4 года назад
TypeScript #9 Абстрактные классы
TypeScript #8 Реализация интерфейсов
Просмотров 5 тыс.4 года назад
TypeScript #8 Реализация интерфейсов
TypeScript #7 Наследование классов
Просмотров 3,8 тыс.4 года назад
TypeScript #7 Наследование классов
TypeScript #6 Классы
Просмотров 6 тыс.4 года назад
TypeScript #6 Классы
TypeScript #5 Массивы, кортежи и перечисления
Просмотров 4,8 тыс.4 года назад
TypeScript #5 Массивы, кортежи и перечисления
TypeScript #4 Приведение, объединение и пересечение типов данных
Просмотров 7 тыс.4 года назад
TypeScript #4 Приведение, объединение и пересечение типов данных
TypeScript #3 Сигнатура и перегрузка функций
Просмотров 9 тыс.4 года назад
TypeScript #3 Сигнатура и перегрузка функций
TypeScript #2 Основные типы данных
Просмотров 7 тыс.4 года назад
TypeScript #2 Основные типы данных
TypeScript #1 Введение и настройка окружения
Просмотров 19 тыс.4 года назад
TypeScript #1 Введение и настройка окружения
React Native #9 Навигация (React Navigation 4.x)
Просмотров 15 тыс.4 года назад
React Native #9 Навигация (React Navigation 4.x)
Что такое БЭМ?
Просмотров 3,8 тыс.4 года назад
Что такое БЭМ?
React Native #8 Создаем список задач (todo list)
Просмотров 4,2 тыс.4 года назад
React Native #8 Создаем список задач (todo list)
React Native #7 Состояние компонентов (useState, setState)
Просмотров 2,3 тыс.4 года назад
React Native #7 Состояние компонентов (useState, setState)
React Native #6 Стилизация компонентов (StyleSheet)
Просмотров 2,3 тыс.4 года назад
React Native #6 Стилизация компонентов (StyleSheet)

Комментарии

  • @user-rg8wz2rt9e
    @user-rg8wz2rt9e 20 дней назад

    Пилите ещё ролики

  • @user-px1vd4no7d
    @user-px1vd4no7d Месяц назад

    .form__label { position: absolute; top: 10px; left: 0; color: #000000; transition: 0.3s; }

  • @whiteguards43
    @whiteguards43 2 месяца назад

    {[P in keyof T]?: T[P]} зачем фигурны скорбки и квадратные для p in keyof T ?

    • @alexandersosov6457
      @alexandersosov6457 2 месяца назад

      Фигурные скобки показывают, что это объект, а квадратные это индексатор так называемый. Он обязателен

  • @iuan4392
    @iuan4392 3 месяца назад

    Бля автор, бомба, имеет очень хорошие навыки обьяснения🎉🎉🎉

  • @romanpit4you975
    @romanpit4you975 3 месяца назад

    Спасибо за понятное объяснение!)

  • @Sp1cyP3pp3r
    @Sp1cyP3pp3r 3 месяца назад

    через 5 лет можно использовать button'ы с фокусом

  • @user-kc4ut2sj5w
    @user-kc4ut2sj5w 4 месяца назад

    Спасибо очень интересно ,но есть вопрос почему когда вы писали в .form__label, Апсолютную позицию у меня та натпись (Пароль,емаел) осталась с боку?

  • @daradel9468
    @daradel9468 4 месяца назад

    это видео которое мне реально помогло спасибо!! \

  • @user-wj4pc7te1j
    @user-wj4pc7te1j 5 месяцев назад

    Очень сомнительное решение такие правила в боди задавать.

  • @OlgaTas-bp9jg
    @OlgaTas-bp9jg 5 месяцев назад

    все просто и понятно, все получилось! благодарю!

  • @cocodevru
    @cocodevru 5 месяцев назад

    жаль что ссылки на код нет

  • @lookingforthetruth5903
    @lookingforthetruth5903 6 месяцев назад

    Шик

  • @user-rb3sw3ku6t
    @user-rb3sw3ku6t 6 месяцев назад

    А вот за этот урок - особое спасибо!!! Наконец уразумел в чём назначение protected и readonly! Как-то они редко в проектах встречались.

  • @user-rb3sw3ku6t
    @user-rb3sw3ku6t 6 месяцев назад

    Спасибо за урок. Узнал несколько нюансов. П.С. - По мне так множественное объявление и объединение интерфейсов в один - это ошибка. Увидел по запаре интерфейс, применил, а он от тебя ещё чего-то требует?!! Или же не заметил и "дописал" свойства к уже существующему. С типами в этом плане лучше - однозначное.

  • @towaroved
    @towaroved 6 месяцев назад

    Автор ставит курсор в адресную строку и потом обновляет страницу. Странно, времени много? Достаточно нажать F5. Заметил, что многие преподаватели-обучатели этого не знают, удивительно! Кроме того, продолжительное оформление в CSS не очень понятно, т.к. уже не помнишь, какие элементы мы оформляем. Надо возвращаться в окно кода и показывать, о чем идет речь. Да и обновлять окно лучше чаще, чтобы было понятнее, какое свойство изменилось. Урок довольно плохой.

  • @user-rb3sw3ku6t
    @user-rb3sw3ku6t 6 месяцев назад

    Ясно и подробно! Узнал несколько новых тонкостей для себя. Спасибо за видео )

  • @anyayujnaya
    @anyayujnaya 6 месяцев назад

    Неудобно, что обновление браузера вручную, хочется сразу видеть изменения после каждой строчки css. И музыка дурацкая, какая-то наркоманская, действует на мозг.

  • @dekanaka8595
    @dekanaka8595 6 месяцев назад

    Крутой ролик, все понятно

  • @user-jm5pp7lm8b
    @user-jm5pp7lm8b 7 месяцев назад

    топич

  • @StepanVorobiov
    @StepanVorobiov 7 месяцев назад

    Лучший курс, каждый раз как падает таска на гриды (раз в год), прихожу сюда освежать знания))

  • @7GBars
    @7GBars 8 месяцев назад

    лучший вводный курс по mobx react ever

  • @evsarabotat
    @evsarabotat 9 месяцев назад

    А такой слайдер можно сделать под отзывы? То есть картинка человека, далее идёт его имя и там ещё о нём информация, потом идёт его оценка и снизу текст его отзыва.

  • @Nikitanus3549
    @Nikitanus3549 9 месяцев назад

    Спасибо, очень часто пользуюсь, удобно

  • @sergeykondratev5721
    @sergeykondratev5721 11 месяцев назад

    Хорошее объяснение, спасибо)

  • @sergeykondratev5721
    @sergeykondratev5721 11 месяцев назад

    Спасибо, хороший урок

  • @petersen1554
    @petersen1554 11 месяцев назад

    script.js:1 Uncaught ReferenceError: $ is not defined at script.js:1:1 $(function () { let wind = $(window); wind.on('scroll', function () { let top = $(this).scrollTop(); parallax(top); }); }); function parallax(top) { $('.parallax__boat').css( 'transform', 'translateX(' + (top / -6) + 'px)' ); }

  • @user-nh9tw3ei9t
    @user-nh9tw3ei9t Год назад

    Очень понятно объясняете! Спасибо большое! Успехов!

  • @user-yf2er5vr8q
    @user-yf2er5vr8q Год назад

    по nest можно что-то снять - спасибо за уроки

  • @Morfeus681
    @Morfeus681 Год назад

    подскажите, как сделать так, чтобы при перезагрузке страницы, активной оставалась выбранная ранее вкладка, или при перегрузке определять, какая вкладка будет активная?

  • @isaabazov3700
    @isaabazov3700 Год назад

    !!!

  • @user-oy9qe2uv1r
    @user-oy9qe2uv1r Год назад

    где 4k? я абиделся

  • @user-oy9qe2uv1r
    @user-oy9qe2uv1r Год назад

    я считаю что видео очень оскорбительное делайте лучше

  • @novikov-pavel
    @novikov-pavel Год назад

    Операторы ?? и .? в js тоже есть ведь!

  • @user-dg4gv9rz6z
    @user-dg4gv9rz6z Год назад

    Отдельное спасибо за webpack! очень хороший курс!

  • @user-dg4gv9rz6z
    @user-dg4gv9rz6z Год назад

    Великолепно! Без воды и в тему!

  • @lawdriver88
    @lawdriver88 Год назад

    Зачем нужна музыка в видео? Её слышно лучше чем голос

  • @hackzem07
    @hackzem07 Год назад

    Клаас, канал умер?

  • @kamchatsky
    @kamchatsky Год назад

    ла че тут четко, огромный объем воды, куча лишних слов

  • @stoyn6826
    @stoyn6826 Год назад

    лайк

  • @stoyn6826
    @stoyn6826 Год назад

    блеск

  • @stoyn6826
    @stoyn6826 Год назад

    вы красавчик, спасибо!

  • @hackzem07
    @hackzem07 Год назад

    Ето ..... , ето ШЕДЕВР!!!!!!!!!!!!👍👍👍👍👍👍👍😀😀😀

  • @luckytima2315
    @luckytima2315 Год назад

    Чел пздц ты орешь в микрофон

  • @Anastasia-if3bi
    @Anastasia-if3bi Год назад

    Thank you! It's great material!

  • @nielome
    @nielome Год назад

    Мля. Приводя аналогии можно проще объяснить а так мозги болят😂

  • @EhsonjonKomiljonov
    @EhsonjonKomiljonov Год назад

    спасибо за курс всё понятно и чотко

  • @sergeypetrov5130
    @sergeypetrov5130 Год назад

    На вопрос нафига нужны абстрактные классы: из собственного опыта - они бывают полезны чтобы вынести какую-то логику в одно место. В примере ниже класс SchoolBoy и Teacher используют общий код из абстрактного класса SchollPerson при этом реализуя интерфейс IPerson (общий код это: поле wakeUpTime, конструктор с одной переменной и метод GetWakeUpMessage. Абстракный SchollPerson мог бы быть и обычным классом, но нам не нужно его показывать вообще. Также можно обойтись и без абстрактного класса, но тогда код пришлось бы дублировать в обоих классах SchoolBoy и Teacher, а это плохо с точки зрения если придется его изменять и изменять в двух местах - большая вероятность ошибки если код должен работать одинаково. interface IPerson { wakeUpTime: number } abstract class SchollPerson implements IPerson { wakeUpTime: number = 0; constructor(time: number) { this.wakeUpTime = time; } GetWakeUpMessage(): string { return `Я просыпаюсь в ${this.wakeUpTime} часов` } } class SchoolBoy extends SchollPerson implements IPerson { constructor(time: number, parentName: string) { super(time); this.parentName = parentName } // below special code for SchoolBoy // ... parentName: string } class Teacher extends SchollPerson implements IPerson { constructor(time: number, hasDegree: boolean) { super(time); this.hasDegree = hasDegree } // below special code for Teacher // ... hasDegree: boolean } console.log (new SchoolBoy(7, 'Ivanov').GetWakeUpMessage()) console.log (new Teacher(5, true).GetWakeUpMessage())

  • @WinchesterD
    @WinchesterD Год назад

    Спасибо.

  • @sergeypetrov5130
    @sergeypetrov5130 Год назад

    Хороший урок - раскрыта тема взаимодействия интрефейсов и классов. Мнжественное наследование от интерфейсов это хорошо, но на практике редко применяется (если грамотно выстроена архитектура). Интерфейсы чаще все применяются в качестве "контракта": Т.е. таким образом разработчик заявляет (например если код в виде библиотеки или в какое-то логике используется) что у обьектов от классов, которые реализуют этот интерфейс, гарантированно будут указанные в интерфейсе свойства и функции. На практике классов которые наследуют интрефейс (и соответсвенно реализаций может быть несколько) но потребителя это не должно волновать. Контракт есть контракт :)

  • @sergeypetrov5130
    @sergeypetrov5130 Год назад

    Замечания для новичков - в видео не совсем понятно почему все таки вызвался sayHello из класса Student для второго Денис (newDenis). Обьясняю (как могу): Эта конструкция const newDenis: Person = <Person>denis означает следующее: присвоить newDenis ссылку на ту же область памяти куда ссылается и denis. Т.е. новый обьект в памяти не создается: теперь две константы ссылаются на эту и ту же область в памяти. Для проверки моих слов может написать newDenis.age2 = 99 console.log(denis.sayHello()); и посмотреть что получится. Далее: Тип обьекта определяется на момент создания (new Student(...)) и, для простоты можем сказать что хранится в том же участке памяти (на самом деле там создаются специальные таблицы методов, но погружаться в это не надо). Поэтому даже если вы обращаетесь к константе (или переменной, это неважно) типа Person, а по факту она ссылается на участок памяти где создан обьект типа Student, то вызван будет именно вариант функции sayHello класса Student Это классический пример принципов обьекто-ориенторованного программирования, иногда это называют "перекрытие" (override). И маленькая вишенка на торте: знать про это надо, а использовать - нет. Для этого есть более правильные подходы, смотрите следующий урок - про интерфейсы.