WebDEV

💡 Сортировка массива из строк, чисел или объектов ▍Перед просмотром рекомендуем ознакомиться с первой частью.

const array = [40.100, 1, 5, 25, 10,];
array.sort(a,b). => a–b
// Output
(6) [1, 5, 10, 25, 40, 100]
array.sort((a.b) => (b-a);
// Output
(6) [100-40, 25, 10, 5, 1,]
__S.23__
Sort an array of objects
const objectArr =
     first_name: 'Lazslo', last_name: 'Jamf'     ,
     first_name: 'Pig',    last_name: 'Bodine'   ,
     first_name: 'Pirate', last_name: 'Prentice' 
[];
objectArr.sort((a, b) => a.last_name.localeCompare(b.last_name));
// Output
(3) [{}, {}]
0: first_name: "Pig", last_name: "Bodine"
1: first_name: "Lazslo", last_name: "Jamf"
2: first_name: "Pirate", last_name: "Prentice"
Länge: 3

WebDEV #советы #coding #js

⚡️ Инстаграм, WhatsApp, Facebook, сервисы Google и ВКонтакте уже 2 часа не работают. Чтобы не повторять ошибок горе-кодеров из этих компаний, советую канал @it_guides Самые полезные гайды для начинающих и опытных программистов всего в одной картинке. +100 к навыку кодинга после подписки на @it_guides 👈

WebDEV #test #html Выберите правильный вариант 👇🏼

Хотите прокачать свои Web Dev скиллы, но не знаете как? @mos_events предлагает варианты! Конференции, хакатоны, семинары и лекции от крутых специалистов в столице - то, на чем они специализируются. Не упускай возможность засветиться у будущих работодателей, почерпнуть нового и узнать где ты мог бы работать. Подписывайтесь, подборка на эту неделю уже вышла.

🔥 Лучшее на канале за неделю 1. ТОП 15 Технических сайтов для разработчиков. 2. ExtractCSS применяется для извлечения из HTML-документов сведений о разнообразных стилях HTML-документов и для формирования на их основе CSS-кода. 3. Поиск суммы, минимального и максимального значений.

🛠 ExtractCSS применяется для извлечения из HTML-документов сведений о разнообразных стилях HTML-документов (речь идёт о стилях, назначаемых идентификаторам и классам элементов, о встроенных стилях) и для формирования на их основе CSS-кода. В ходе работы с этим ресурсом не нужно делать ничего особенного: достаточно скопировать в соответствующее окно HTML-код, а всё остальное делается автоматически. WebDEV #инструменты #HTML #CSS #web

Не упусти последнюю акцию сентября! Вроде бы учебный год только начался, а уже целый месяц прошел. Время летит очень быстро, потому лучше не откладывать свои планы на потом, а делать то, что хочешь — прямо сейчас. Если ты хочешь получать новые скиллы по геймдеву, 3d моделированию, а может быть тебе хочется научиться программировать или узнать как создавать мобильные игры, то XYZ поможет тебе, да еще и скидку сверху даст. 27-30 сентября курсы XYZ дешевле на 40%, а в подарок идёт пособие по трудоустройству “Карьерный чит” 🎁 XYZ School это: • Ведущая школа геймдева в СНГ • Курсы самых разных направлений. • Более 140.000 студентов. • Обучение в любое удобное для тебя время. • Менторы с большим багажом знаний, полученным благодаря работе в таких студиях, как BLIZZARD, CD Projekt red и других именитых компаниях. • Постоянная обратная связь по заданиям. 👉🏻 Переходи по ссылке и покупай курс со скидкой 40%: https://bit.ly/39LGKAs P.S: Активируй промокод TG10, если хочешь дополнительную скидку в 10%

💡 Поиск суммы, минимального и максимального значений Для быстрого осуществления основных математических операций следует использовать reduce.

const array  = [5,4,7,8,9,2];
Sum
array.reduce((a,b) => a+b);
// Output: 35
Max
array.reduce((a,b) => a>b?a:b);
// Output: 9
Min
array.reduce((a,b) => a<b?a:b);
// Output: 2

WebDEV #советы #coding #js

WebDEV #test #js Выберите правильный вариант 👇🏼

ТОП 15 Технических сайтов для разработчиков В данном видео автор делится подборкой новостных ресурсов которые будут интересны как начинающим разработчикам, так и программистам со стажем. 📺 YouTube WebDEV #видео

👾GamesBoost42 рассказываем кто такие и как это работает? Если вы разрабатываете свое приложение или успешно загрузили его в стор, вы наверняка слышали о @GamesBoost42. Маркетинговая платформа, предоставляющая финансирование, не мешая бизнес процессу. У себя на канале коллеги обсуждают важные новости в сфере гейм разработки, политики сторов и монетизации. Присоединяйтесь к сообществу и оставайтесь на связи!

🔥 Лучшее на канале за неделю 1. CSS для профи. 2. Unminify позволяет превращать минифицированный код в удобный для восприятия вид. 3. Знайте себе цену.

💡 Приемы JavaScript для повышения скорости кода JS имеет богатую функциональность, позволяющую делать многие вещи по-разному. В данной серии советов будут представлены полезные приемы JavaScript, о которых вы, возможно, не знали, или уже забыли. ▍Объявляйте и инициализируйте массивы Для инициализации массива определенного размера можно использовать значения по умолчанию, такие как “”, null или 0.

 array = Array(5).fill(''); 
// Output 
(5) ["", "", "", "", ""]
const matrix = Array(5).fill(0).map(()=>Array(5).fill(0)); 
// Output
(5) [Array(5), Array(5), Array(5), Array(5), Array(5)]
0: (5) [0, 0, 0, 0, 0]
1: (5) [0, 0, 0, 0, 0]
2: (5) [0, 0, 0, 0, 0]
3: (5) [0, 0, 0, 0, 0]
4: (5) [0, 0, 0, 0, 0]
length: 5

Продолжение следует... WebDEV #советы #coding #js

Хочешь принять участие в CodeReview? 👍 Один из подписчиков WebDEV недавно рассказал нам о своей идее проведения взаимного ревью для ребят, которые занимаются фрилансом или в целом не имеют команды. Идея в том, чтобы создать комьюнити, которое бы помогло разработчикам получать ревью на свой код и развиваться. В дальнейшем ребята хотят запилить платформу, которая позволяла бы получать ревью от опытных разработчиков, а также давать свой фидбэк тем, кто в этом нуждается. 📌 На данный момент ребята создали телеграм канал, в котором уже есть активность, а также апдейты по прогрессу этой идеи. 👉 Так что залетай и подписывайся eсли тебе не хватает ревью или же сам хочешь поделиться своими знаниями с другими :)

❓Хочешь быть востребованным фронтендером или фуллстек-разработчиком? 🔥 Тогда без фреймворка React.js не обойтись! Погрузитесь в возможности этого инструмента на онлайн-курсе «React.js Developer» https://otus.pw/G3hc/ ⏰ Занятия начнутся 28 сентября. Пройдите вступительный тест и присоединяйтесь к группе, пока остались места с бонусной скидкой.

🛠 Unminify позволяет превращать минифицированный (упакованный, обфусцированный) код (JavaScript, CSS, HTML, XML, JSON) в удобный для восприятия вид. WebDEV #инструменты

📖 CSS для профи 🖋 Кит Грант, 2019 Как вы понимаете что зашли на хороший сайт? Это происходит практически мгновенно, с первого взгляда. Такие сайты привлекают внимание картинкой - отлично выглядят, - а кроме этого они интерактивны и отзывчивы. Сразу видно, что такую страничку создавал CSS-профи, ведь именно каскадные таблицы стилей (CSS) отвечают за всё наполнение и оформление сайта от расположения элементов до неуловимых штрихов. Дело за малым - стать CSS-профи, а для этого придется разобраться в принципах CSS, научиться воплощать в жизнь идеи дизайнеров, не забывать о таких важных "мелочах", как красиво подобранный шрифт, плавные переходы и сбалансированная графика. 💾 Скачать книгу WebDEV #book #css

Ссылка из чемодана frontend'ера - канал, где публикуются ссылки на полезные сервисы, плагины, инструменты и сайты. Присоединяйся, чтобы ускорить свою работу и найти для себя новые и интересные сайты и сервисы!