Лентафид | Добавляй любимые каналы в @lentafeedbot
IT Helper
Прототипное наследование
Наследование через прототипы (популяризированное Дугласом Крокфордом) полностью революционизирует ваши представления о множестве вещей в JavaScript:
Object.beget = (function(Function){
return function(Object){
Function.prototype = Object;
return new Function;
}
})(function(){});
Жаль, что этой фичей почти никто не пользуется.
Она позволяет производить новые экземпляры любого объекта, расширять их, сохраняя при этом (прямую) связь цепочки прототипов с их другими свойствами.
#tips | JavaScript_Teacher
Подробнее
IT Helper
1250ГБ платных курсов слили на CodeHunter. Вот лучшие из них:
- [SkillBox] Профессия Python разработчика.rar 27GB
- [Stepik] Big Data для Data Science.rar 36GB
- [HTML academy] Онлайн‑курс Vue js для опытных разработчиков.rar 37GB
- [Udemy] Python ООП - С нуля до Профи.rar 12GB
- [Udemy] Верстка и создание вебсайтов с нуля до результата 2022.rar 26GB
- [SkillFactory] Курс по изучению SQL.rar 20GB
- [Geek Brains] Java - учимся на практике.rar 18GB
- [SkillBox] NodeJS с нуля, основы и построение архитектуры приложений.rar 27GB
- [Stepik] Django 3 - Full Stack разработка веб-сайтов на Python.rar 20GB
Подробнее
IT Helper
Что такое функциональное программирование и какие особенности JS позволяют говорить о нем как о функциональном языке программирования?
Функциональное программирование — это декларативная концепция программирования или образец (паттерн) того, как строятся приложения, как используются функции, содержащие выражения, которые вычисляют значения без изменения аргументов, которые им передаются.
Объект Array содержит методы map, filter и reduce, которые являются самыми известными функциями в мире функционального программирования из-за их полезности, а также потому, что они не изменяют массив, что делает эти функции «чистыми». Также в JS имеются замыкание и функции высшего порядка, которые являются характеристиками функционального языка программирования.
#собеседование | JavaScript_Teacher
Подробнее
IT Helper
Нашёл 3 актуальных канала для любого программиста от джуниора до сеньора
1) CodeBranch — новости в мире кода, а также множество полезных материалов для обучения, которые помогут тебе освоить IT.
2) ITBranch — краткая, но сочная выжимка новостей о технологиях. Смотри, что делают другие, чтобы реализовать свой собственный проект.
3) Трёхдюймовая дискета — смешные мемы для настоящих ценителей программирования. Позалипать после трудового дня за компьютером – самое то 😉
Полезная информация на полу не валяется. Сохраняй и получай необходимые знания💡
Подробнее
IT Helper
Proxy
Прокси — это объект, который обертывает другой объект и перехватывает основные операции целевого объекта. Основными операциями могут быть поиск свойств, присвоение, перечисление, вызовы функций и т. д. Данная статья поможет разобраться с прокси.
Читать
#статья | JavaScript_Teacher
Подробнее
IT Helper
Методы
Методы (или функции) могут вызываться для объектов, не относящихся к тому типу, для которого они были предназначены. Если осуществляется вызов нативных (быстрых) методов для пользовательских объектов, то все замечательно
var listNodes = document.getElementsByTagName('a');
listNodes.sort(function(a, b){ ... });
Этот код аварийно завершает работу, потому что listNodes не является Array
Array.prototype.sort.apply(listNodes, [function(a, b){ ... }]);
Этот код работает, потому что listNodes определяет достаточно массивоподобных свойств (длину, оператор []), которые будут использоваться sort().
#tips | JavaScript_Teacher
Подробнее
IT Helper
Для чего используется метод Function.prototype.bind?
Bind возвращает новую функцию, значением this которой является объект, указанный в качестве первого параметра. В отличие от bind, call и apply сразу же вызывают функцию.
import React from 'react'
class MyComponent extends React.Component {
constructor(props) {
super(props)
this.state = {
value: ''
}
this.handleChange = this.handleChange.bind(this)
// привязываем метод handleChange к компоненту MyComponent
}
handleChange(e) {
// код
}
render() {
return ( < >
<
input type = {
this.props.type
}
value = {
this.state.value
}
onChange = {
this.handleChange
}
/>
)
}
}
#собеседование | JavaScript_Teacher
Подробнее
IT Helper
Как взломать чужой телефон⁉️
Это легко сделать если быть хакером
RENGES - размещает самый свежие новости из мира хакинга, а так же сливает платный контент
👾 Свежие инструкции по KALI LINUX
👾 Взлом Wi-Fi и камер наблюдения
👾 Приватные софты, скрипты
👾 Пособия по Termux
👾 Узконаправленные лайфхаки
🔐 Доступ в данный канал открыт лишь 100 людям!
Подробнее
IT Helper
WeakSet
Подобно сетам, WeakSet представляет собой набор объектов, которые уникальны друг от друга. WeakSet может хранить только объекты и не может содержать произвольные значения любого типа, такие как строки или числа. Они используют слабые ссылки. Данная статья поможет разобраться с WeakSet.
Читать
#статья | JavaScript_Teacher
Подробнее
IT Helper
parseInt() — JavaScript
Метод parseInt() требует осторожного использования. Если вы передадите ему строку, не сообщив простой базис, она может вернуть неожиданные числа. Например, parseInt('010') возвращает 8, а не 10. Передача базы в parseInt приводит к корректной работе:
parseInt('010'); // возвращает 8! (в FF3)
parseInt('010', 10); // возвращает 10, потому что мы сообщили, с какой базой работать.
#tips | JavaScript_Teacher
Подробнее
IT Helper
🔥 Если ты фронт, такое лучше не пропускать.
На фронте - канал, на котором команда фронтендеров, собирает для Вас обучающие материалы. На канале ты найдешь
💎Макеты для верстки
💎Тесты с объяснениями
💎Обучающие туториалы и статьи
Подписывайся и начинай прокачать свои скилы вместе с
👉 @on_the_frontend
Подробнее
IT Helper
В чем разница между методами call и apply?
Отличие между call и apply состоит в том, как мы передаем аргументы в вызываемой функции. В apply аргументы передаются в виде массива, в call — через запятую.
const obj1 = {
result: 0
}
const obj2 = {
result: 0
}
function reduceAdd() {
let result = 0
for (let i = 0, len = arguments.length; i < len; i++) {
result += arguments[i]
}
this.result = result
}
reduceAdd.apply(obj1, [1, 2, 3, 4, 5]) // 15
reduceAdd.call(obj2, 1, 2, 3, 4, 5) // 15
#собеседование | JavaScript_Teacher
Подробнее
IT Helper
Map против Set
Set — это множество данных коллекции, которое должно состоять из уникальных значений. Map — это коллекция ключ/значение. Map и Set имеют схожие методы; к ним относятся .has(), .get(), .delete() и .size(). Данная статья рассказывает, когда нужно использовать Map и Set.
Читать
#статья | JavaScript_Teacher
Подробнее
IT Helper
Слили все платные курсы Skillbox, Udemy , GeekBrains и ещё 10 онлайн-школ.
В результате утечки 32000 платных курсов выложили в закрытый канал «IT Pirate» компании потеряли более 12 миллионов рублей.
Это праздник для всех, кто не был готов платить 50-200 тысяч рублей за одно обучение.
Успейте пройти курс по любой специальности бесплатно:
https://t.me/+EEcOyl3YXrcwYzdi
Подробнее
IT Helper
Для чего используется метод Function.prototype.call?
Call используется для привязки определенного объекта к значению this вызываемой функции.
const details = {
message: 'Hello World!'
};
function getMessage() {
return this.message;
}
getMessage.call(details); // Hello World!
Этот метод похож на Function.prototype.apply. Отличие состоит в том, что в call аргументы передаются через запятую.
const person = {
name: 'Marko Polo'
};
function greeting(greetingMessage) {
return `${greetingMessage} ${this.name}`;
}
greeting.call(person, 'Hello'); // Hello Marko Polo
#собеседование | JavaScript_Teacher
Подробнее
IT Helper
7 вопросов о замыканиях
Каждый разработчик JavaScript должен знать, что такое замыкание. Во время собеседования тебя наверняка спросят о концепции замыканий. В данной статье есть 7 вопросов о замыканиях, в конце – подробные ответы.
Читать
#статья | JavaScript_Teacher
Подробнее
IT Helper
Для чего используется метод Function.prototype.apply?
Apply используется для привязки определенного объекта к значению this вызываемой функции.
const details = {
message: 'Hello World!'
}
function getMessage() {
return this.message
}
getMessage.apply(details) // Hello World!
Этот метод похож на Function.prototype.call. Единственное отличие состоит в том, что в apply аргументы передаются в виде массива.
const person = {
name: 'Marko Polo'
}
function greeting(greetingMessage) {
return `${greetingMessage} ${this.name}`
}
greeting.apply(person, ['Hello']) // Hello Marko Polo
#собеседование | JavaScript_Teacher
Подробнее
IT Helper
Требуются специалисты по искусственному интеллекту. Обучение, стажировку и трудоустройство берём на себя.
От вас:
— Интерес к профессии и желание зарабатывать от 150 000 рублей в месяц
— Возможность уделять до 2-3 часов в день на обучение и немного упорства.
От нас:
— 12 месяцев обучения востребованной IT-специальности от лидеров рынка
— Трудоустройство через 9 месяцев в процессе обучения или сразу после него
Где?
На курсе “Инженер искусственного интеллекта” от GeekBrains.
За 12 месяцев обучения вы:
— Изучите ключевые инструменты IT, стандарты кодирования, базы данных и системы аналитики
— Узнаете, где и как собирать и обрабатывать данные, чтобы извлечь из них пользу для бизнеса.
— Научитесь подбирать эффективное решение для клиента и реализовывать с помощью машинного обучения.
Переходите по ссылке, чтобы узнать подробности:👉 https://clc.to/ihbrdg
Подробнее
IT Helper
Таймер обратного отсчета
Иногда тебя понадобится создать таймер обратного отсчета. У тебя может быть мероприятие, распродажа или акция. Ты можешь сделать таймер на чистом JavaScript, а не искать плагин. Данная статья демонстрирует, как можно это сделать.
Читать
#статья | JavaScript_Teacher
Подробнее
IT Helper
mdc
Когда вы ведете поиск в Google по теме JavaScript, добавьте “mdc” в свой запрос. Тогда первые результаты будут получены из Центра разработчиков Mozilla (Mozilla Developer Center; сокращенно: MDC).
(в большинстве случаев можно обойтись в запросе без “javascript”)
Примечание: Mozilla Developer Center был переименован в Mozilla Developer Network (MDN). Ключевое слово “mdc” все еще работает, но вскоре вам, возможно, его поменяют на “mdn”.
#tips | JavaScript_Teacher
Подробнее
IT Helper
Что такое IIFE?
IIFE или Immediately Invoked Function Expression — это функция, которая вызывается или выполняется сразу же после создания или объявления. Для создания IIFE необходимо обернуть функцию в круглые скобки (оператор группировки), превратив ее в выражение, и затем вызвать ее с помощью еще одних круглых скобок.
Это выглядит так: (function(){})().
#собеседование | JavaScript_Teacher
Подробнее
IT Helper
Canvas image slider
Необычной красоты слайдер сделанный с помощью JavaScript
#слайдер #карусель #css #javascript
Такого еще много на Frontend Trends — это канал с крутыми и полезными фичами для вашего сайта: готовый код на css и javascript, который можно вставить в проект.
Подписывайтесь, мы выкладываем свежие исходники каждый день 🔥
Подробнее
IT Helper
Callback-функции
Колбэк — это функция, которая должна быть выполнена после завершения выполнения другой функции. Такие функции необходимы, потому что многие действия JavaScript являются асинхронными. Это означает, что они на самом деле не останавливают выполнение программы (или функции) до тех пор, пока они не будут завершены. Данная статья поможет разобраться с колбэк-функциями.
Читать
#статья | JavaScript_Teacher
Подробнее
IT Helper
Свойства объекта
Вы можете получить доступ к свойствам объекта, используя [] вместо ".". Это позволяет обнаруживать свойство, соответствующее переменной.
Кроме того, вы можете использовать это для получения/установки значения свойства, если его имя является неразрешенным идентификатором.
obj["class"] = "test"; // class - зарезервированное слово; obj.class не будет иметь силы.
obj["two words"] = "test2"; // использование оператора-точки невозможно с пробелом.
Некоторые разработчики этого не знают и используют eval(), что на самом деле не очень:
var propname = "a";
var a = eval("obj." + propname);
Это затрудняет чтение кода, усложняет поиск ошибок (вы не можете использовать JSLint), замедляя его выполнение, и может привести к XSS.
#tips | JavaScript_Teacher
Подробнее
IT Helper
20 сентября в Айтилогии стартует 7-дневный бесплатный интенсив по frontend-разработке, на котором ты с нуля без знаний создашь фронтенд-проект на Angular 🔥
На интенсиве ты:
– Сверстаешь лендинг на HTML + CSS
– Реализуешь функционал на JavaScript
– Используешь фронтенд-фреймворк Angular
– Подключишь Backend и загрузишь сайт на хостинг
🎁 Будет общий чат, проверка домашек от экспертов, различные бонусы!
А в конце автор подарит своё резюме Senior-разработчика, с помощью которого устроился на ЗП 3500$
Первые 100 мест бесплатно, потом 6 990 руб. Не упусти👇🏻
Frontend Start
Подробнее
IT Helper
Что такое прототип объекта?
В двух словах, прототип — это план (схема или проект) объекта. Он используется как запасной вариант для свойств и методов, существующих в данном объекте. Это также один из способов обмена свойствами и функциональностью между объектами. Это основная концепция прототипного наследования в JS.
o = {}
console.log(o.toString()) // [object Object]
Несмотря на то, что объект «о» не имеет свойства toString, обращение к этому свойству не вызывает ошибки. Если определенного свойства нет в объекте, его поиск осуществляется сначала в прототипе объекта, затем в прототипе прототипа объекта и так до тех пор, пока свойство не будет найдено. Это называется цепочкой прототипов. На вершине цепочки прототипов находится Object.prototype.
=== Object.prototype.toString) // true
Подробнее о прототипах и наследовании можно почитать здесь и здесь.
#собеседование | JavaScript_Teacher
Подробнее
IT Helper
Для чего используется директива «use strict»?
«use strict» — это директива ES5, которая заставляет весь наш код или код отдельной функции выполняться в строгом режиме. Строгий режим вводит некоторые ограничения по написанию кода, тем самым позволяя избегать ошибок на ранних этапах.
Вот какие ограничения накладывает строгий режим:
• Нельзя присваивать значения или обращаться к необъявленным переменным
• Запрещено присваивать значения глобальный переменным, доступным только для чтения или записи
• Нельзя удалить «неудаляемое» свойство объекта
• Запрещено дублирование параметров
• Нельзя создавать функции с помощью функции eval
• Значением «this» по умолчанию является undefined
… и т.д.
#собеседование | JavaScript_Teacher
Подробнее
IT Helper
🚀 python_job_interview - настоящий подарок для всех Python разработчиков канал, где собраны все возможные вопросы и ответы с реальных Python собеседований от создателей Machine learning собеседование. Для всех уровней разработчиков.
Вопросы с настоящих собеседований, помогут Вам успешно пройти интервью и получить желаемую работу Python разработчика.
Подробнее
IT Helper
Адаптивный слайдер
В данной статье автор демонстрирует, как подключить и настроить простой адаптивный слайдер на сайт. Рассмотрены примеры его использования для ротации различного контента: картинок, отзывов, текстовой информации и товаров.
Читать
#статья | JavaScript_Teacher
Подробнее