Доступность и frontend: стандарты разработки продуктов для незрячих и слабовидящих людей
https://habr.com/ru/company/gnivc/blog/676536/
👉 @frontend_1
https://habr.com/ru/company/gnivc/blog/676536/
👉 @frontend_1
👍7
The Front-End Developer's Guide to the Terminal
https://www.joshwcomeau.com/javascript/terminal-for-js-devs/
👉 @frontend_1
https://www.joshwcomeau.com/javascript/terminal-for-js-devs/
👉 @frontend_1
Joshwcomeau
The Front-End Developer's Guide to the Terminal • Josh W. Comeau
If you want to learn a modern JavaScript framework like React or Angular, you better be familiar with the terminal! So many frameworks and tools assume that you're proficient with it, without ever explaining it. This blog post is your missing manual, covering…
👍2
Подборка Telegram каналов для программистов🔥
Сохраняйте, чтоб не потерять.
https://yangx.top/itmozg Программисты, дизайнеры, новости из мира IT.
https://yangx.top/phis_mat Обучающие видео, книги по Физике и Математике
https://yangx.top/xakep_1 Статьи из "Хакера"
https://yangx.top/php_lib Библиотека PHP программиста 👨🏼💻👩💻
https://yangx.top/nodejs_lib Подборки по Node js и все что с ним связано
https://yangx.top/ruby_lib Библиотека Ruby программиста
1C разработка 📌
https://yangx.top/odin1C_rus Cтатьи, курсы, советы, шаблоны кода 1С
Программирование C++📌
https://yangx.top/cpp_lib Библиотека C/C++ разработчика
https://yangx.top/cpp_knigi Книги для программистов C/C++
https://yangx.top/cpp_geek Учим C/C++ на примерах
Программирование Python 📌
https://yangx.top/pythonofff Python академия. Учи Python быстро и легко🐍
https://yangx.top/BookPython Библиотека Python разработчика
https://yangx.top/python_real Python подборки на русском и английском
https://yangx.top/python_360 Книги по Python Rus
Java разработка 📌
https://yangx.top/BookJava Библиотека Java разработчика
https://yangx.top/java_360 Книги по Java Rus
https://yangx.top/java_geek Учим Java на примерах
GitHub Сообщество 📌
https://yangx.top/Githublib Интересное из GitHub
CodePen 📌
https://yangx.top/codepen_1 Сообщество пользователей CodePen
Базы данных (Data Base) 📌
https://yangx.top/database_info Все про базы данных
Мобильная разработка: iOS, Android 📌
https://yangx.top/developer_mobila Мобильная разработка
https://yangx.top/kotlin_lib Подборки полезного материала по Kotlin
Фронтенд разработка 📌
https://yangx.top/frontend_1 Подборки для frontend разработчиков
https://yangx.top/frontend_sovet Frontend советы, примеры и практика!
https://yangx.top/React_lib Подборки по React js и все что с ним связано
Разработка игр 📌
https://yangx.top/game_devv Все о разработке игр
Вакансии 📌
https://yangx.top/sysadmin_rabota Системный Администратор
https://yangx.top/progjob Вакансии в IT
Чат программистов📌
https://yangx.top/developers_ru
Библиотеки 📌
https://yangx.top/book_for_dev Книги для программистов Rus
https://yangx.top/programmist_of Книги по программированию
https://yangx.top/proglb Библиотека программиста
https://yangx.top/bfbook Книги для программистов
БигДата, машинное обучение 📌
https://yangx.top/bigdata_1 Data Science, Big Data, Machine Learning, Deep Learning
Программирование 📌
https://yangx.top/bookflow Лекции, видеоуроки, доклады с IT конференций
https://yangx.top/coddy_academy Полезные советы по программированию
QA, тестирование 📌
https://yangx.top/testlab_qa Библиотека тестировщика
Шутки программистов 📌
https://yangx.top/itumor Шутки программистов
Защита, взлом, безопасность 📌
https://yangx.top/thehaking Канал о кибербезопасности
Книги, статьи для дизайнеров 📌
https://yangx.top/ux_web Статьи, книги для дизайнеров
https://yangx.top/arhitekturamira World Architecture
Системное администрирование 📌
https://yangx.top/tipsysdmin Типичный Сисадмин (фото железа, было/стало)
https://yangx.top/sysadminof Книги для админов, полезные материалы
https://yangx.top/i_odmin Все для системного администратора
https://yangx.top/i_odmin_book Библиотека Системного Администратора
https://yangx.top/i_odmin_chat Чат системных администраторов
https://yangx.top/i_DevOps DevOps: Пишем о Docker, Kubernetes и др.
https://yangx.top/sysadminoff Новости Линукс Linux
Английский 📌
https://yangx.top/UchuEnglish Английский с нуля
Математика 📌
https://yangx.top/Pomatematike Канал по математике
Арбитраж трафика 📌
https://yangx.top/partnerochkin CPA и арбитраж трафика
Крипта 📌
https://yangx.top/bitkoinoff Новости криптовалют
Метавселенная, GameFi, Crypto 📌
https://yangx.top/metaverse360
DeepFake 📌
https://yangx.top/deepfakenow Публикуем deepfake видео
Мир технологий 📌
https://yangx.top/mir_teh Видео из мира технологий
Excel лайфхак📌
https://yangx.top/Excel_lifehack
Сохраняйте, чтоб не потерять.
https://yangx.top/itmozg Программисты, дизайнеры, новости из мира IT.
https://yangx.top/phis_mat Обучающие видео, книги по Физике и Математике
https://yangx.top/xakep_1 Статьи из "Хакера"
https://yangx.top/php_lib Библиотека PHP программиста 👨🏼💻👩💻
https://yangx.top/nodejs_lib Подборки по Node js и все что с ним связано
https://yangx.top/ruby_lib Библиотека Ruby программиста
1C разработка 📌
https://yangx.top/odin1C_rus Cтатьи, курсы, советы, шаблоны кода 1С
Программирование C++📌
https://yangx.top/cpp_lib Библиотека C/C++ разработчика
https://yangx.top/cpp_knigi Книги для программистов C/C++
https://yangx.top/cpp_geek Учим C/C++ на примерах
Программирование Python 📌
https://yangx.top/pythonofff Python академия. Учи Python быстро и легко🐍
https://yangx.top/BookPython Библиотека Python разработчика
https://yangx.top/python_real Python подборки на русском и английском
https://yangx.top/python_360 Книги по Python Rus
Java разработка 📌
https://yangx.top/BookJava Библиотека Java разработчика
https://yangx.top/java_360 Книги по Java Rus
https://yangx.top/java_geek Учим Java на примерах
GitHub Сообщество 📌
https://yangx.top/Githublib Интересное из GitHub
CodePen 📌
https://yangx.top/codepen_1 Сообщество пользователей CodePen
Базы данных (Data Base) 📌
https://yangx.top/database_info Все про базы данных
Мобильная разработка: iOS, Android 📌
https://yangx.top/developer_mobila Мобильная разработка
https://yangx.top/kotlin_lib Подборки полезного материала по Kotlin
Фронтенд разработка 📌
https://yangx.top/frontend_1 Подборки для frontend разработчиков
https://yangx.top/frontend_sovet Frontend советы, примеры и практика!
https://yangx.top/React_lib Подборки по React js и все что с ним связано
Разработка игр 📌
https://yangx.top/game_devv Все о разработке игр
Вакансии 📌
https://yangx.top/sysadmin_rabota Системный Администратор
https://yangx.top/progjob Вакансии в IT
Чат программистов📌
https://yangx.top/developers_ru
Библиотеки 📌
https://yangx.top/book_for_dev Книги для программистов Rus
https://yangx.top/programmist_of Книги по программированию
https://yangx.top/proglb Библиотека программиста
https://yangx.top/bfbook Книги для программистов
БигДата, машинное обучение 📌
https://yangx.top/bigdata_1 Data Science, Big Data, Machine Learning, Deep Learning
Программирование 📌
https://yangx.top/bookflow Лекции, видеоуроки, доклады с IT конференций
https://yangx.top/coddy_academy Полезные советы по программированию
QA, тестирование 📌
https://yangx.top/testlab_qa Библиотека тестировщика
Шутки программистов 📌
https://yangx.top/itumor Шутки программистов
Защита, взлом, безопасность 📌
https://yangx.top/thehaking Канал о кибербезопасности
Книги, статьи для дизайнеров 📌
https://yangx.top/ux_web Статьи, книги для дизайнеров
https://yangx.top/arhitekturamira World Architecture
Системное администрирование 📌
https://yangx.top/tipsysdmin Типичный Сисадмин (фото железа, было/стало)
https://yangx.top/sysadminof Книги для админов, полезные материалы
https://yangx.top/i_odmin Все для системного администратора
https://yangx.top/i_odmin_book Библиотека Системного Администратора
https://yangx.top/i_odmin_chat Чат системных администраторов
https://yangx.top/i_DevOps DevOps: Пишем о Docker, Kubernetes и др.
https://yangx.top/sysadminoff Новости Линукс Linux
Английский 📌
https://yangx.top/UchuEnglish Английский с нуля
Математика 📌
https://yangx.top/Pomatematike Канал по математике
Арбитраж трафика 📌
https://yangx.top/partnerochkin CPA и арбитраж трафика
Крипта 📌
https://yangx.top/bitkoinoff Новости криптовалют
Метавселенная, GameFi, Crypto 📌
https://yangx.top/metaverse360
DeepFake 📌
https://yangx.top/deepfakenow Публикуем deepfake видео
Мир технологий 📌
https://yangx.top/mir_teh Видео из мира технологий
Excel лайфхак📌
https://yangx.top/Excel_lifehack
👍1👎1
5 Tips for Writing Better TypeScript Code
https://levelup.gitconnected.com/5-tips-for-writing-better-typescript-code-42a41b09aa1c
👉 @frontend_1
https://levelup.gitconnected.com/5-tips-for-writing-better-typescript-code-42a41b09aa1c
👉 @frontend_1
👍3
JavaScript для начинающих 2022. Полный курс за 6 часов. Уроки. Теория + практика
Что такое JavaScript, переменные, типы данных, числа, BigInt, функции, стрелочные функции, массивы, циклы, обход массивов, объекты, свойства и методы объектов, классы, асинхронность, setTimeout, setInterval, callback hell, Promise, async await, работа с DOM. 3 практических проекта. Курс 2022 года.
https://www.youtube.com/watch?v=maPRR_jjyOE
👉 @frontend_1
Что такое JavaScript, переменные, типы данных, числа, BigInt, функции, стрелочные функции, массивы, циклы, обход массивов, объекты, свойства и методы объектов, классы, асинхронность, setTimeout, setInterval, callback hell, Promise, async await, работа с DOM. 3 практических проекта. Курс 2022 года.
https://www.youtube.com/watch?v=maPRR_jjyOE
👉 @frontend_1
YouTube
JavaScript для начинающих 2024. Полный курс за 6 часов. Уроки. Теория + практика
Большой курс урок по JavaScript для новичков. Все что нужно для старта в 2024 году для работы с JavaScript.
↓↓↓ Файлы к уроку и тайм-коды ниже в описании ↓↓↓
Что такое JavaScript, переменные, типы данных, числа, BigInt, функции, стрелочные функции, массивы…
↓↓↓ Файлы к уроку и тайм-коды ниже в описании ↓↓↓
Что такое JavaScript, переменные, типы данных, числа, BigInt, функции, стрелочные функции, массивы…
👍7
Использование счетчиков CSS
Так что же это за счетчики CSS? Мы можем рассматривать их как переменные, поддерживаемые CSS. Правила CSS могут увеличивать значения, которые будут отслеживать, сколько раз они используются.
https://itmozg.ru/ispolzovanie-schetchikov-css/
👉 @frontend_1
Так что же это за счетчики CSS? Мы можем рассматривать их как переменные, поддерживаемые CSS. Правила CSS могут увеличивать значения, которые будут отслеживать, сколько раз они используются.
https://itmozg.ru/ispolzovanie-schetchikov-css/
👉 @frontend_1
👍7
filters.css – CSS-only библиотека, которая предоставляет набор фильтров для фотографий, построена с помощью SCSS
Поддерживает все современные браузеры
https://github.com/bansal/filters.css
https://bansal.io/filters-css
👉 @frontend_1
Поддерживает все современные браузеры
https://github.com/bansal/filters.css
https://bansal.io/filters-css
👉 @frontend_1
👍4👎1
Forwarded from CodePen Community
This media is not supported in your browser
VIEW IN TELEGRAM
Menu hover glow
Анимированное меню, выполненное на чистом CSS, без использования JavaScript
https://codepen.io/Madbones3/pen/LYOJQpo
Подпишись👉 @codepen_1
Анимированное меню, выполненное на чистом CSS, без использования JavaScript
https://codepen.io/Madbones3/pen/LYOJQpo
Подпишись👉 @codepen_1
👍13😱3
Media is too big
VIEW IN TELEGRAM
10 кейсов масштабируемой вёрстки
00:00 — 4:31 Начало
4:32 — 7:03 Знакомимся с проектом
7:04 — 9:42 1 кейс: переполнение пунктов в списке
9:43 — 11:07 2 кейс: сжатие ненужных элементов
11:08 — 16:03 3 кейс: расстояние между элементами
16:04 — 20:00 4 кейс: переполнение текстом
20:01 — 22:25 5 кейс: большие иконки
22:26 — 26:34 6 кейс: большие изображения
26:35 — 32:06 7 кейс: контентное изображение не загрузилась
32:07 — 39:45 8 кейс: адаптивная сетка
39:46 — 41:40 9 кейс: фиксированные размеры элементов
41:41 — 46:31 10 кейс: фоновые изображения
46:32 — 49:36 Бонус 11 кейс: переполнение контента
49:37 — 53:40 Бонус 12 кейс: несколько скроллов
53:41 — Выводы и ответы на вопросы
Репозиторий с кодом
👉 @frontend_1
00:00 — 4:31 Начало
4:32 — 7:03 Знакомимся с проектом
7:04 — 9:42 1 кейс: переполнение пунктов в списке
9:43 — 11:07 2 кейс: сжатие ненужных элементов
11:08 — 16:03 3 кейс: расстояние между элементами
16:04 — 20:00 4 кейс: переполнение текстом
20:01 — 22:25 5 кейс: большие иконки
22:26 — 26:34 6 кейс: большие изображения
26:35 — 32:06 7 кейс: контентное изображение не загрузилась
32:07 — 39:45 8 кейс: адаптивная сетка
39:46 — 41:40 9 кейс: фиксированные размеры элементов
41:41 — 46:31 10 кейс: фоновые изображения
46:32 — 49:36 Бонус 11 кейс: переполнение контента
49:37 — 53:40 Бонус 12 кейс: несколько скроллов
53:41 — Выводы и ответы на вопросы
Репозиторий с кодом
👉 @frontend_1
👍8
Griffel – CSS-in-JS от Microsoft
https://github.com/microsoft/griffel
https://griffel.js.org/
👉 @frontend_1
https://github.com/microsoft/griffel
https://griffel.js.org/
👉 @frontend_1
👍1
ВКонтакте вручила независимым разработчикам гранты за создание мини-приложений
В недавно завершившемся конкурсе VK Fresh Code могли участвовать как отдельные разработчики, так и команды. Среди 25 сервисов-победителей — проекты в самых разных тематиках. Однако на этом команда ВКонтакте не остановится и продолжит увеличивать количество сервисов и мини-приложений.
Конкурсы вроде VK Fresh Code призваны помочь в этом: привлечь новых сотрудников и независимых разработчиков. Поэтому принять участие в них и предложить свой проект сможет каждый. Следите за новыми конкурсами здесь и предложите свой проект.
👉 @frontend_1
В недавно завершившемся конкурсе VK Fresh Code могли участвовать как отдельные разработчики, так и команды. Среди 25 сервисов-победителей — проекты в самых разных тематиках. Однако на этом команда ВКонтакте не остановится и продолжит увеличивать количество сервисов и мини-приложений.
Конкурсы вроде VK Fresh Code призваны помочь в этом: привлечь новых сотрудников и независимых разработчиков. Поэтому принять участие в них и предложить свой проект сможет каждый. Следите за новыми конкурсами здесь и предложите свой проект.
👉 @frontend_1
👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Layoutit grid - это генератор макетов CSS Grid. Быстро нарисуйте макеты веб-страниц с помощью нашего чистого редактора и получите HTML и CSS код для быстрого запуска вашего следующего проекта.
https://grid.layoutit.com/
👉 @frontend_1
https://grid.layoutit.com/
👉 @frontend_1
👍10🔥2
Стать сотрудником Яндекса быстрее и проще, чем кажется. Участвуйте в днях быстрого найма: решите тестовое, пройдите несколько секций собеседования и получите офер за несколько дней.
Теперь дни быстрого найма будут проходить регулярно. Чтобы вам было удобно следить за расписанием, собрали все мероприятия на отдельной странице.
Ближайшие мероприятия:
• 19–25 декабря — Week Offer для frontend, backend, mobile-разработчиков и аналитиков в команду Рекламы
Узнать подробнее и зарегистрироваться
Теперь дни быстрого найма будут проходить регулярно. Чтобы вам было удобно следить за расписанием, собрали все мероприятия на отдельной странице.
Ближайшие мероприятия:
• 19–25 декабря — Week Offer для frontend, backend, mobile-разработчиков и аналитиков в команду Рекламы
Узнать подробнее и зарегистрироваться
👍2👎2
This media is not supported in your browser
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Курс по Frontend разработке
#1 Вводный урок
#2 Знакомство с HTML, базовая структура, мета-теги
#3 Семантика, валидность, доступность -
#4 Теги глобальной структуры сайта: header, nav, main, footer
#5 Теги для текстовых элементов: h1-h6, p, q, blockquoute
#6 Теги для списков: ul, ol, dl
#7 Вставка изображений: img, picture, source, figure, figcapture
#8 Видео и Аудио: audio, video, source и атрибуты для них
#9 Ссылки и Кнопки: a и button
#10 Таблицы: table, th, tr, td, capture, thead, tbody, tfoot
Всего доступно 60 уроков на youtube
👉 @frontend_1
#1 Вводный урок
#2 Знакомство с HTML, базовая структура, мета-теги
#3 Семантика, валидность, доступность -
#4 Теги глобальной структуры сайта: header, nav, main, footer
#5 Теги для текстовых элементов: h1-h6, p, q, blockquoute
#6 Теги для списков: ul, ol, dl
#7 Вставка изображений: img, picture, source, figure, figcapture
#8 Видео и Аудио: audio, video, source и атрибуты для них
#9 Ссылки и Кнопки: a и button
#10 Таблицы: table, th, tr, td, capture, thead, tbody, tfoot
Всего доступно 60 уроков на youtube
👉 @frontend_1
👍12