WebDEV
رفتن به کانال در Telegram
Сообщество веб-разработчиков. На канале можно найти: видео-уроки, полезные статьи, новости из мира IT и веб-разработки. Ссылка: @Portal_v_IT Сотрудничество: @oleginc Канал на бирже: telega.in/c/webb_dev
نمایش بیشتر
8 202
مشترکین
-324 ساعت
-117 روز
-6330 روز
آرشیو پست ها
8 200
Сегодня, когда сайт нужен всем, даже ларьку с шаурмой за углом, веб-разработчики никогда не останутся без работы. А самые востребованные из них — разработчики полного цикла, которые могут сделать все сами: сверстать сайт, добавить интерактива с помощью JavaScript и настроить серверную часть.
Хотите попробовать себя в веб-разработке? Быстрый старт для новичков — бесплатный интенсив «Веб-разработка для начинающих» от GeekBrains.
Для участия вам нужен только компьютер с выходом в интернет и два часа свободного времени.
На бесплатном интенсиве вы:
➖ узнаете все об особенностях профессии веб-разработчика;
➖ на практике разработаете персональный сайт без шаблона с использованием HTML и CSS;
➖ научитесь добавлять галереи фотографий на сайт и публиковать сайт на хостинге.
Создайте свой первый сайт с нуля — https://gb.ru/link/KjLec_
8 200
🛠 Haml — язык разметки для упрощенной генерации HTML. Он нужен, чтобы сделать разметку более удобной для пользователя. Сервис автоматически чистит код с избыточными именами и добавляет отступы — они помогают лучше понять какие элементы вложены. Его также можно использовать для замены явного кода в шаблонах Ruby on Rails.
WebDEV #инструменты #html
8 200
💡 Async Await в JS
Как только вы разберётесь в промисах, вам может понравиться
async await — это «синтаксический сахар» поверх промисов. Ниже пример async функции с await и промисом.
const greeter = new Promise((res, rej) => {
setTimeout(() => res('Hello world!'), 2000);
})
async function myFunc() {
const greeting = await greeter;
console.log(greeting);
}
myFunc();
// 'Hello world!'
WebDEV #советы #coding #js #web8 200
🔥 Лучшее на канале за неделю
1. Как использовать TypeScript с React... А нужно ли?
2. Await Timeout — небольшая библиотека JavaScript, которая предоставляет API на основе Promise для setTimeout и clearTimeout.
3. Callback-функции.
8 200
💡 Промисы в JavaScript
Как только вы начнёте понимать работу callback’ов в JavaScript, возможно, совсем скоро вы окажетесь в «аду обратных вызовов». На помощь приходят промисы (англ. Promises). Оберните свою асинхронную логику в промисы: resolve — для успехов, reject — для фейлов. Используйте then для обработки успеха и catch — для обработки фейлов.
const myPromise = new Promise(function(res, rej) {
setTimeout(function(){
if (Math.random() < 0.9) {
return res('Hooray!');
}
return rej('Oh no!');
}, 1000);
});
myPromise.then(function(data) {
console.log('Success: ' + data);
})
.catch(function(err) {
console.log('Error: ' + err);
});
// Если Math.random() возвращает меньше 0.9 то выведется:
// "Success: Hooray!"
// Если Math.random() возвращает 0.9 или больше, то выведется:
// "Error: On no!"
WebDEV #советы #coding #js #web8 200
📖 HTML и CSS. Разработка и дизайн веб-сайтов
🖋 Джон Дакетт, 2013
Эта книга – самый простой и интересный способ изучить HTML и CSS. Независимо от стоящей перед вами задачи: спроектировать и разработать веб-сайт с нуля или получить больше контроля над уже существующим сайтом, эта книга поможет вам создать привлекательный, дружелюбный к пользователю веб-контент. Простой визуальный способ подачи информации с понятными примерами и небольшим фрагментом кода знакомит с новой темой на каждой странице. Вы найдете практические советы о том, как организовать и спроектировать страницы вашего сайта, и после прочтения книги сможете разработать свой веб-сайт профессионального вида и удобный в использовании.
💾 Скачать книгу
WebDEV #book #html #css #web
8 200
💡 Callback-функции
Многие избегают callback-функции (функции обратного вызова). А зря — ведь это довольно просто! В следующем примере
console.log() будет передан в myFunc() в качестве callback-функции.
function myFunc(text, callback) {
setTimeout(function() {
callback(text);
}, 2000);
}
myFunc('Hello world!', console.log);
// 'Hello world!'
WebDEV #советы #coding #js #web8 200
📑 Mozilla «убьёт» нативную поддержку FTP в апрельском Firefox 88
В прошлом году компания Mozilla объявила о намерении отказаться от поддержки FTP. Но также она заявила, что сделает это не ранее окончания пандемии. Видимо, время пришло, ведь уже в грядущем Firefox 88 протокол будет отключён.
WebDEV #новости #Firefox #FTP
8 200
IT Community QIWI продолжает проводить QIWI Server Party.
На этот раз — 22 апреля (четверг). Обсудим сразу много полезных штук — продуктовую разработку и developer experience, спринты и инженерные практики, PlantUML (ага, да) и архитектуру платёжного шлюза, разберемся, как разрешать вечные конфликты между разработкой и бизнесом.
А ещё немного похоливарим — стоит ли просить кандидатов писать код на собеседовании? Затронем и эту тему в формате круглого стола.
В общем, будет интересно.
Как всегда, вход бесплатный, главное — зарегистрируйтесь заранее.
А если не можете прийти, подключайтесь к онлайн-трансляции.
Узнать подробную программу мероприятия и зарегистрироваться можно по ссылке
https://qiwi-events.timepad.ru/event/1614886/
