Канал: maxwell coding

Обновление старого проекта на React. С чего начать?

Обновление старого проекта на React. С чего начать?

Что нам говорит Google PageSpeed? Оптимизация картинок в HTML.

Что нам говорит Google PageSpeed? Оптимизация картинок в HTML.

Я обновил старый проект на React. И вот что вышло.

Я обновил старый проект на React. И вот что вышло.

Что поддерживает ваш браузер?

Что поддерживает ваш браузер?

Используй современные форматы изображений в HTML

Используй современные форматы изображений в HTML

Медиа запросы прямо в HTML

Медиа запросы прямо в HTML

Проект на Next JS. Качаем скиллы. React.TypeScript

Проект на Next JS. Качаем скиллы. React.TypeScript

Загрузка картинок разных размеров прямо в HTML. Атрибут SRCSET.

Загрузка картинок разных размеров прямо в HTML. Атрибут SRCSET.

Выкладываем проект на GitHub Pages. React, Vite, TypeScript

Выкладываем проект на GitHub Pages. React, Vite, TypeScript

JavaScript не обязателен. Как браузер загружает данные?

JavaScript не обязателен. Как браузер загружает данные?

Это расширение упрощает вывод данных

Это расширение упрощает вывод данных

Размер HTML картинки

Размер HTML картинки

Отложенная загрузка картинки

Отложенная загрузка картинки

Используй атрибуты width и height правильно

Используй атрибуты width и height правильно

Создавай функции в JavaScript правильно

Создавай функции в JavaScript правильно

Экономия памяти в JavaScript

Экономия памяти в JavaScript

Используй Redux правильно

Используй Redux правильно

Какой фреймворк выбрать?

Какой фреймворк выбрать?

На реакт найти работу сложно?

На реакт найти работу сложно?

Проект на Next JS. Сортировка данных GitHub API. React.TypeScript

Проект на Next JS. Сортировка данных GitHub API. React.TypeScript

Преимущество фреймворков

Преимущество фреймворков

Изучаем Next JS. Ковыряем GitHub API. React.TypeScript

Изучаем Next JS. Ковыряем GitHub API. React.TypeScript

Задача с собеседования. JavaScript

Задача с собеседования. JavaScript

Как узнать что ты Middle разработчик? JavaScript и TypeScript

Как узнать что ты Middle разработчик? JavaScript и TypeScript

Tailwind. Ты серьёзно?

Tailwind. Ты серьёзно?

Ковыряем Next JS. React, TypeScript, GitHub

Ковыряем Next JS. React, TypeScript, GitHub

JavaScript методы, которые ты не знал

JavaScript методы, которые ты не знал

Ковыряем Next JS. React, TypeScript, GitHub

Ковыряем Next JS. React, TypeScript, GitHub

Из-за такого ты ещё не МИДЛ. Часть 3

Из-за такого ты ещё не МИДЛ. Часть 3

Node JS теперь на Next JS

Node JS теперь на Next JS

Прокачиваем Frontend скиллы. React, Next JS, TypeScript, GitHub

Прокачиваем Frontend скиллы. React, Next JS, TypeScript, GitHub

Связка Redux Saga и Redux Toolkit

Связка Redux Saga и Redux Toolkit

Личный проект. React, TypeScript, GitHub API, Next JS, SSR.

Личный проект. React, TypeScript, GitHub API, Next JS, SSR.

Тревога и желание бросить учебу

Тревога и желание бросить учебу

Из-за такого ты ещё не МИДЛ. Часть 2

Из-за такого ты ещё не МИДЛ. Часть 2

Мне сложно. Что делать?

Мне сложно. Что делать?

Мой код не идеален

Мой код не идеален

Твой React код плох. И вот почему

Твой React код плох. И вот почему

Какая причёска у программиста?

Какая причёска у программиста?

Лучше чем ChatGpt в вёрстке?

Лучше чем ChatGpt в вёрстке?

Личный проект. React, TypeScript, GitHub API. Отвечаю на вопросы

Личный проект. React, TypeScript, GitHub API. Отвечаю на вопросы

Из-за такого ты ещё не МИДЛ

Из-за такого ты ещё не МИДЛ

Как обойти конкуренцию?

Как обойти конкуренцию?

Один день из жизни программиста

Один день из жизни программиста

Мне 30 лет. Хочу в IT. Не поздно ли?

Мне 30 лет. Хочу в IT. Не поздно ли?

Отказ после отклика на вакансию

Отказ после отклика на вакансию

Валидация HTML формы на чистом JavaScript. Пошаговое решение

Валидация HTML формы на чистом JavaScript. Пошаговое решение

Перестань искать отмазки и учись

Перестань искать отмазки и учись

Верстка формы регистрации. HTML, CSS, JavaScript, Figma.

Верстка формы регистрации. HTML, CSS, JavaScript, Figma.

Джун решает задачи Мидла и Сеньора на JavaScript

Джун решает задачи Мидла и Сеньора на JavaScript

Работаю над проектом. React, TypeScript, GitHub. Отвечаю на вопросы

Работаю над проектом. React, TypeScript, GitHub. Отвечаю на вопросы

Перестань использовать Create React App

Перестань использовать Create React App

С нуля до первой работы. Junior Frontend разработчик

С нуля до первой работы. Junior Frontend разработчик

Когда начать искать работу?

Когда начать искать работу?

Изучаем Angular после HTML, CSS, и JavaScript

Изучаем Angular после HTML, CSS, и JavaScript

Изучаем Vue после HTML, CSS, и JavaScript

Изучаем Vue после HTML, CSS, и JavaScript

Все как прежде - Microsoft Edge и Internet Explorer

Все как прежде - Microsoft Edge и Internet Explorer

Когда иду на работу пешком

Когда иду на работу пешком

Изучаем React после HTML, CSS, и JavaScript

Изучаем React после HTML, CSS, и JavaScript

Frontend разработка с нуля самостоятельно

Frontend разработка с нуля самостоятельно

Наконец это добавили в Node JS

Наконец это добавили в Node JS

Vercel v0. Лучше чем Chat GPT? Искусственный интеллект

Vercel v0. Лучше чем Chat GPT? Искусственный интеллект

Автоматизируем W3C валидацию. GitHub Actions. Node JS. HTML

Автоматизируем W3C валидацию. GitHub Actions. Node JS. HTML

EN SUB. Классы это синтаксический сахар?

EN SUB. Классы это синтаксический сахар?

EN SUB. Стоит ли копировать массив в JavaScript?

EN SUB. Стоит ли копировать массив в JavaScript?

Операторы REST и SPREAD. Практика по JavaScript для начинающих

Операторы REST и SPREAD. Практика по JavaScript для начинающих

Деструктуризация. Практика по JavaScript для начинающих

Деструктуризация. Практика по JavaScript для начинающих

Проверка на пустой объект в JavaScript

Проверка на пустой объект в JavaScript

Сравнение дат в JavaScript

Сравнение дат в JavaScript

Магия чисел в JavaScript

Магия чисел в JavaScript

Расширение прав бота. GitHub Actions. SSH vs PAT

Расширение прав бота. GitHub Actions. SSH vs PAT

Удаление свойства объекта JavaScript

Удаление свойства объекта JavaScript

CI/CD. Основы GitHub Actions. Сжатие CSS файла для Production.

CI/CD. Основы GitHub Actions. Сжатие CSS файла для Production.

CI/CD. GitHub Actions. Введение

CI/CD. GitHub Actions. Введение

Поиск устаревших библиотек npm в проекте

Поиск устаревших библиотек npm в проекте

Рефакторим проекты на React и TypeScript для поиска работы.

Рефакторим проекты на React и TypeScript для поиска работы.

Оптимизация изображений. Результаты. Дальнейшие планы

Оптимизация изображений. Результаты. Дальнейшие планы

Оптимизация изображений без CSS и JavaScript.

Оптимизация изображений без CSS и JavaScript.

Работа над Frontend проектом. Оптимизация. Рефакторинг. Q&A

Работа над Frontend проектом. Оптимизация. Рефакторинг. Q&A

4. Telegram бот на Node JS. Рефакторинг.

4. Telegram бот на Node JS. Рефакторинг.

3. Telegram бот на Node JS. HTTP запросы с интервалом.

3. Telegram бот на Node JS. HTTP запросы с интервалом.

Проверка на примитивы в JavaScript

Проверка на примитивы в JavaScript

Проверка на объект в JavaScript

Проверка на объект в JavaScript

Почему Alert это плохо

Почему Alert это плохо

2. Telegram бот на Node JS. TypeScript. Мониторинг валюты.

2. Telegram бот на Node JS. TypeScript. Мониторинг валюты.

Задача на рекурсию с собеседования. Middle Frontend.

Задача на рекурсию с собеседования. Middle Frontend.

Тест по HTML для начинающих. SoloLearn.

Тест по HTML для начинающих. SoloLearn.

Ошибка в книге Гроккаем алгоритмы

Ошибка в книге Гроккаем алгоритмы

Розыгрыш. Проведу собес и разберу проект

Розыгрыш. Проведу собес и разберу проект

1. Telegram бот на Node JS. Учимся с нуля.

1. Telegram бот на Node JS. Учимся с нуля.

Проверка на массив в JavaScript

Проверка на массив в JavaScript

Разница между null и undefined

Разница между null и undefined

Тест на позицию Frontend разрабочика. С задачами

Тест на позицию Frontend разрабочика. С задачами

Задача из Sololearn. Разбираю решения подписчиков.

Задача из Sololearn. Разбираю решения подписчиков.

Типы данных в JavaScript

Типы данных в JavaScript

Разбираю проект подписчика. React, Redux, TypeScript.

Разбираю проект подписчика. React, Redux, TypeScript.

Правильное именование переменных

Правильное именование переменных

Список контактов. Тестовое задание Frontend. #2

Список контактов. Тестовое задание Frontend. #2

Список контактов. Тестовое задание Frontend. #1

Список контактов. Тестовое задание Frontend. #1

Frontend вакансии на Head Hunter и Habr Сareer

Frontend вакансии на Head Hunter и Habr Сareer

Собеседование cтажера Frontend разработчика.

Собеседование cтажера Frontend разработчика.

49. Блог на React JS - Файловая структура. Рефакторинг.

49. Блог на React JS - Файловая структура. Рефакторинг.

Основы React JS - Работа с глобальным состоянием. Redux.

Основы React JS - Работа с глобальным состоянием. Redux.

Основы React JS - Маршрутизация #2. Параметры URL. 404 страница.

Основы React JS - Маршрутизация #2. Параметры URL. 404 страница.

Основы React JS - Маршрутизация. React router dom.

Основы React JS - Маршрутизация. React router dom.

48. Блог на React JS - React query retry. Повторный запрос.

48. Блог на React JS - React query retry. Повторный запрос.

Основы React JS - Работа с HTTP запросами. Хук useEffect.

Основы React JS - Работа с HTTP запросами. Хук useEffect.

Основы React JS - Работа с данными и local storage.

Основы React JS - Работа с данными и local storage.

47. Блог на React JS - staleTime и cacheTime. В чем разница?

47. Блог на React JS - staleTime и cacheTime. В чем разница?

Основы React JS - Создаем SPA с нуля.

Основы React JS - Создаем SPA с нуля.

10. Хук useState. Первый пример.

10. Хук useState. Первый пример.

9. Знакомство с хуками в React

9. Знакомство с хуками в React

46. Блог на React JS - Инструменты разработчика React Query.

46. Блог на React JS - Инструменты разработчика React Query.

8. Условный рендеринг (Conditional rendering).

8. Условный рендеринг (Conditional rendering).

7. Пропсы в React. Для чего они нужны?

7. Пропсы в React. Для чего они нужны?

45. Блог на React JS - Оптимизируем HTTP запросы.

45. Блог на React JS - Оптимизируем HTTP запросы.

6. Импорт и экспорт компонентов.

6. Импорт и экспорт компонентов.

5. Функциональные компоненты в React.

5. Функциональные компоненты в React.

4. JavaScript в JSX

4. JavaScript в JSX

1. Начинаем изучать React JS. Что для этого нужно знать?

1. Начинаем изучать React JS. Что для этого нужно знать?

3. Что такое JSX?

3. Что такое JSX?

2. Начало работы с React

2. Начало работы с React

44. Блог на React JS - Проблема именования ключей запросов. (Query keys).

44. Блог на React JS - Проблема именования ключей запросов. (Query keys).

43. Блог на React JS - Стадии мутаций. Автообновление данных на клиенте.

43. Блог на React JS - Стадии мутаций. Автообновление данных на клиенте.

42. Блог на React JS - useMutation. Изменение данных на сервере #2.

42. Блог на React JS - useMutation. Изменение данных на сервере #2.

41. Блог на React JS - useMutation. Изменение данных на сервере.

41. Блог на React JS - useMutation. Изменение данных на сервере.

40. Блог на React JS - Выносим запросы. Внедряем React Query.

40. Блог на React JS - Выносим запросы. Внедряем React Query.

39. Блог на React JS - Пост в отдельной странице #2. Добиваем логику.

39. Блог на React JS - Пост в отдельной странице #2. Добиваем логику.

38. Блог на React JS - Пост в отдельной странице. Динамические ссылки. Хук useParams.

38. Блог на React JS - Пост в отдельной странице. Динамические ссылки. Хук useParams.

37. Блог на React JS - Имитация администраторского доступа. Исправление ошибок.

37. Блог на React JS - Имитация администраторского доступа. Исправление ошибок.

36. Блог на React JS - Имитация администраторского доступа. Плохой код.

36. Блог на React JS - Имитация администраторского доступа. Плохой код.

35. Блог на React JS - Редирект на 404 страницу и ее проблемы.

35. Блог на React JS - Редирект на 404 страницу и ее проблемы.

34. Блог на React JS - Разделяем маршруты #2. 404 Страница.

34. Блог на React JS - Разделяем маршруты #2. 404 Страница.

33. Блог на React JS - Компонент Redirect. Разделяем маршруты.

33. Блог на React JS - Компонент Redirect. Разделяем маршруты.

32. Блог на React JS - Начинаем писать все на хуках

32. Блог на React JS - Начинаем писать все на хуках

31. Блог на React JS - Авторизация и useState

31. Блог на React JS - Авторизация и useState

30. Блог на React JS - Отменяем HTTP запрос

30. Блог на React JS - Отменяем HTTP запрос

29. Блог на React JS - Объект history и авторизация

29. Блог на React JS - Объект history и авторизация

28. Блог на React JS - Компоненты Link/NavLink

28. Блог на React JS - Компоненты Link/NavLink

27. Блог на React JS - Компонент Switch

27. Блог на React JS - Компонент Switch

26. Блог на React JS - Знакомство с React Router

26. Блог на React JS - Знакомство с React Router

25. Блог на React JS - Собственный сервер с данными

25. Блог на React JS - Собственный сервер с данными

24. Блог на React JS - CSS модули

24. Блог на React JS - CSS модули

23. Блог на React JS - Редактирование поста (заголовок и описание)

23. Блог на React JS - Редактирование поста (заголовок и описание)

22. Блог на React JS - Добавление иконки загрузчика

22. Блог на React JS - Добавление иконки загрузчика

21. Блог на React JS - Изменение записи на сервере (лайк поста)

21. Блог на React JS - Изменение записи на сервере (лайк поста)

20. Блог на React JS - Создание записи на сервере

20. Блог на React JS - Создание записи на сервере

19. Блог на React JS - Удаление данных на сервере

19. Блог на React JS - Удаление данных на сервере

18. Блог на React JS - Получение данных с сервера

18. Блог на React JS - Получение данных с сервера

17. Блог на React JS - Событие submit

17. Блог на React JS - Событие submit

16. Блог на React JS - Добавляем новый пост в массив

16. Блог на React JS - Добавляем новый пост в массив

15. Блог на React JS - Скрываем форму на кнопку Escape

15. Блог на React JS - Скрываем форму на кнопку Escape

14. Блог на React JS - Жизненный цикл компонента

14. Блог на React JS - Жизненный цикл компонента

13. Блог на React JS - Управляем элементами формы

13. Блог на React JS - Управляем элементами формы

12. Блог на React JS - Функционал скрытия формы

12. Блог на React JS - Функционал скрытия формы

11. Блог на React JS - Добавляем форму

11. Блог на React JS - Добавляем форму

10. Блог на React JS - Заливаем проект на GitHub

10. Блог на React JS - Заливаем проект на GitHub

08. Блог на React JS - Удаление поста

08. Блог на React JS - Удаление поста

09. Блог на React JS - Проблема с мутацией

09. Блог на React JS - Проблема с мутацией

07. Блог на React JS - Внедрение localStorage

07. Блог на React JS - Внедрение localStorage

06. Блог на React JS - Знакомство с Material UI

06. Блог на React JS - Знакомство с Material UI

05. Блог на React JS - Лайкаем посты

05. Блог на React JS - Лайкаем посты

04. Блог на React JS - Cостояние (State). Классовый компонент.

04. Блог на React JS - Cостояние (State). Классовый компонент.

03. Блог на React JS - Работа с пропсами (Props)

03. Блог на React JS - Работа с пропсами (Props)

02. Блог на React JS - Работа с массивом объектов.

02. Блог на React JS - Работа с массивом объектов.

01. Блог на React JS - Первые шаги

01. Блог на React JS - Первые шаги

My portfolio web app

My portfolio web app