How To WebDev

​​Научиться разработке сайтов гораздо проще, чем ты думаешь! Ведь мы нашли новый телеграм-канал, в котором опытные разработчики делятся с вами действительно полезными материалами и наработками за годы своей практики 🤫 Там вы найдёте: 1. Практику и теорию по HTML, CSS и JS 2. Задачи с пояснениями 3. Прочие плюшки и полезности Если ты хочешь ворваться в IT и начать зарабатывать на этом, то тебе однозначно будет полезен этот канал 😉

​🧾 События в JavaScript (финал) Что умеет JavaScript? Обработчики событий могут использоваться для обработки и проверки пользовательского ввода, действий пользователя и действий браузера. Также, он понимает: что нужно делать каждый раз при открытии страницы; что нужно делать, когда страница закрыта; действие, которое должно выполняться, когда пользователь нажимает кнопку; контент, который следует проверять, когда пользователь вводит данные; и многое другое. Чтобы JavaScript работал с событиями, можно использовать множество различных методов: Атрибуты событий HTML могут напрямую выполнять код JavaScript; Атрибуты событий HTML могут вызывать функции JavaScript; Вы можете назначить свои собственные функции обработчика событий элементам HTML; Вы можете запретить отправку или обработку событий. 📋 #JavaScript #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 События в JavaScript (часть 4) Общие события HTML Вот список некоторых распространенных событий HTML: onchange – элемент HTML был изменен. onclick – пользователь щелкает элемент HTML. onmouseover – пользователь наводит указатель мыши на элемент HTML. onmouseout – пользователь отводит указатель мыши от элемента HTML. onkeydown – пользователь нажимает клавишу на клавиатуре. onload – браузер завершил загрузку страницы. 📋 #JavaScript #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 События в JavaScript (часть 3) В следующем примере код изменяет содержимое своего собственного элемента (используя this.innerHTML). Пример: button onclick="this.innerHTML = Date()">Время?/button Код JavaScript часто состоит из нескольких строк. Чаще всего можно увидеть функции вызова атрибутов событий. Пример: button onclick="displayDate()">Время?/button 📋 #JavaScript #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 События в JavaScript (часть 2) HTML позволяет добавлять атрибуты обработчика событий JavaScript кода в элементы HTML. В одинарных кавычках: element event='some JavaScript' С двойными кавычками: element event="some JavaScript" В следующем примере onclick к button элементу добавляется атрибут (с кодом): button onclick="document.getElementById('demo').innerHTML = Date()">Время?/button В приведенном выше примере JavaScript код изменяет содержимое элемента в id="demo". 📋 #JavaScript #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

С этим каналом мне этот язык абсолютно понятен. А ты мне опять со своим вот этим гугл переводчиком, платными репетиторами, русскими ресурсами. Иди суетись дальше! Это твоё распределение, это твой путь и твой горизонт познания! Тебе я желаю все самые крутые курсы, чтобы были у тебя, если не хватает словарного запаса, обращайся ко мне, предложу 1000 триллионов новых слов. Ты идешь преисполняться в гранях, а я иду читать документацию в оригинале. Поэтому давай вступай, езжай, а я пошел дальше смотреть канал Английский для IT.

​🧾 События в JavaScript (часть 1) События HTML - это "вещи", которые происходят с элементами HTML. Когда JavaScript используется на HTML страницах, JavaScript может "реагировать" на эти события. HTML события Событие HTML может быть чем-то, что делает браузер или пользователь. Вот несколько примеров HTML событий: Веб страница HTML завершила загрузку; Поле ввода HTML было изменено; Была нажата кнопка HTML; События случаются тогда, когда вы захотите что-то сделать. JavaScript позволяет выполнять код при обнаружении событий. 📋 #JavaScript #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 Объекты в JavaScript (финал) Не объявляйте строки, числа и логические значения как объекты! Когда JavaScript переменная объявляется с ключевым словом "new", переменная создается как объект. Объявляет x как строковый объект: var x = new String(); // Объявляет x как числовой объект: var y = new Number(); // Объявляет z как логический объект: var z = new Boolean(); // Избегайте строки, числа, и булевые значения как объекты. Они усложняют ваш код и замедляют скорость выполнения. 📋 #JavaScript #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 Объекты в JavaScript (часть 9) Доступ к методам объекта Вы получаете доступ к методу объекта со следующим синтаксисом: objectName.methodName() Пример: name = person.fullName(); Если вы обращаетесь к методу без скобок (), он вернет определение функции: name = person.fullName; 📋 #JavaScript #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 Объекты в JavaScript (часть 8) Ключевое слово this В определении функции this относится к владельцу" функции. В приведенном выше примере this является объектом person, которому "принадлежит" функция fullName. Другими словами, this.firstName означает firstName, свойство этого объекта. 📋 #JavaScript #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 Объекты в JavaScript (часть 7) Метод - это функция, хранящаяся как свойство. Пример: var person = { firstName: "Щипунов", lastName : "Андрей", id : 5566, fullName : function() { return this.firstName + " " + this.lastName; } }; 📋 #JavaScript #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

Искал серебро, а нашел золото — клондайк UI/UX Фронтам и дизайнерам такое лучше не пропускать Подпишись на эти три канала и создавай чистый и понятный UI без многочасового поиска материалов в интернете Figma — научит выжимать максимум из возможностей самого популярного сервиса для дизайнеров и повысит твою эффективность в работе с ним Шаринган дизайнера — замена платным курсам и концентрат опыта титанов профессии в удобном формате. Поможет овладеть новыми навыками и продавать свои услуги дороже Макеты Figma — мастхев для тренировки навыков и пополнения портфолио красивыми работами. Регулярная практика — путь к мастерству Подойдет и новичкам, и опытным ребятам Подписывайся! Легкий апгрейд в UI/UX тебе обеспечен

​🧾 Объекты в JavaScript (часть 6) Методы объекта У объектов также, могут быть методы. Методы - это действия, которые выполняются объектами. Методы хранятся в свойствах как определения функций. firstName Щипунов lastName Андрей age 50 eyeColor зеленый fullName function() {return this.firstName + " " + this.lastName;} 📋 #JavaScript #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 Объекты в JavaScript (часть 5) Доступ к свойствам объекта Вы можете получить доступ к свойствам объекта двумя способами: objectName.propertyName или, objectName["propertyName"] Пример1: person.lastName; Пример2: person["lastName"]; 📋 #JavaScript #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

Верстальщик? Фронтендер? Нет работы и заказов, а побаловать себя хочется? Для тебя нашли канал с вакансиями по вёрстке и фронтенду, где: ▶️ Новые вакансии ежедневно ▶️ Работа из дома и в офисе ▶️ Любой уровень навыков Прекрати ежедневно мониторить десятки сайтов ради копеечных заказов! Работай с проверенными клиентами🧑‍💻 Подписывайся – @job_webdev

​🧾 Объекты в JavaScript (часть 4) Свойства объекта Пара Имя: Значения в JavaScript объектах, называются свойствами: firstName Щипунов lastName Андрей age 50 eyeColor зеленый 📋 #JavaScript #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 Объекты в JavaScript (часть 3) Определение объекта Ниже, определяется (создается) JavaScript объект с помощью объекта литералов: var person = {firstName:"Щипунов", lastName:"Андрей", age:50, eyeColor:"зеленый"}; Пробелы и переносы строк не важны. Определение объекта может занимать несколько строк: var person = { firstName: "Щипунов", lastName: "Андрей", age: 50, eyeColor: "зеленый" }; 📋 #JavaScript #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

Привет, ребят. Мой друг работает teamlead'ом в отделе frontend-разработки. Он анализирует крупные IT-компании и делится их наработками. Открываешь – находишь нужное решение – выполняешь задачу в 3 раза быстрее. Подписывайся, ускорь свою разработку: t.me/ЯзыкЛида

​🧾 Объекты в JavaScript (часть 2) JavaScript объекты Вы уже узнали, что переменные JavaScript являются контейнерами для значений данных. В примере ниже, код присваивает простое значение (Фиат), переменной с именем car: var car = "Фиат"; Объекты тоже переменные. Но объекты могут содержать много значений. В примере ниже, код присваивает несколько значений (Фиат, 500, белый), переменной с именем car: var car = {type:"Фиат", model:"500", color:"белый"}; Значения записываются как пары Имя: Значение и разделяются двоеточием. JavaScript объекты - это контейнеры для именованных значений, называемых свойствами или методами. 📋 #JavaScript #Совет ▬▬▬▬▬▬▬▬ // How To WebDev