How To WebDev

3 канала, которые сделают из новичка опытного прогера и устроят на работу Первый делом подписывайся на IT подкасты: сборник лучших подкастов от преподавателей, топов рынка с разборами задач, советами по изучению и рекомендации для новичков. Затем начинай изучать книги в Книжном хранилище — самая большая база, более 2000 русскоязычных книг по PHP, Java, DB, Python, C, C++ ,C#, фронтенду и алгоритмам. И напоследок заходи в IT Jobs — ежедневные вакансии для новичков и мидлов, а также подборки советов по трудоустройству от ведущих IT-компаний.

​​🧾Какие отличия между массивом и списком в Python? Массивы содержат только элементы одинаковых типов данных, то есть тип данных массива должен быть однородным. Массивы потребляют меньше памяти. Списки содержат элементы разных типов данных, то есть тип данных списков может быть неоднородным. Их недостатком является потребление большого объема памяти. 📋 #Backend #Python #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​​🧾Как управляется память в Python? В Python оператор присваивания (=) не копирует объекты. Вместо этого он создает связь между существующим объектом и именем целевой переменной. Чтобы создать копии объекта в Python, необходимо использовать модуль copy. Более того, существует два способа создания копий для данного объекта с помощью модуля copy. Shallow Copy – это побитовая копия объекта. Созданный скопированный объект имеет точную копию значений в исходном объекте. Если одно из значений является ссылкой на другие объекты, копируются только адреса ссылок на них. Deep Copy – рекурсивно копирует все значения от исходного объекта к целевому, т. е. дублирует даже объекты, на которые ссылается исходный объект. 📋 #Backend #Python #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

Фронтендер, надоело часами мониторить сайты с вакансиями? Больше не нужно тратить драгоценное время на поиск вакансий. Подпишись на канал Frontend Jobs, куда выкладываются проверенные, отобранные вручную, вакансии по фронтенду. Автор канала — фронтендер с большим опытом, сортирует и отбирает только достойные внимания ваканасии. Получай уведомления о появлении новых вакансиях первым!

​​🧾Как передаются аргументы – значения или ссылка? В Python аргументы передаются по ссылке, т. е. передается ссылка на реальный объект. Но есть два вида передачи объекта в аргументах. По значению: Передается копия реального объекта. Изменение значения копии объекта не приведет к изменению значения исходного объекта. По ссылке: Передается ссылка на реальный объект. Изменение значения нового объекта изменит значение исходного объекта. 📋 #Backend #Python #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 Замыкание в JavaScript (Часть 5) До сих пор мы рассматривали только переменные. Теперь рассмотрим Function Declaration. В отличие от переменных, объявленных с помощью let, они полностью инициализируются не тогда, когда выполнение доходит до них, а раньше, когда создаётся лексическое окружение. Для верхнеуровневых функций это означает момент, когда скрипт начинает выполнение. Вот почему мы можем вызвать функцию, объявленную через Function Declaration, до того, как она определена. Следующий код демонстрирует, что уже с самого начала в лексическом окружении что-то есть. Там есть say, потому что это Function Declaration. И позже там появится phrase, объявленное через let: схема. 📋 #JavaScript #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 Замыкание в JavaScript (Часть 3) Это, так называемое, глобальное лексическое окружение, связанное со всем скриптом. На картинке выше прямоугольник означает Environment Record (хранилище переменных), а стрелка означает ссылку на внешнее окружение. У глобального лексического окружения нет внешнего окружения, так что она указывает на null. А вот как оно изменяется при объявлении и присваивании переменной: схема. Прямоугольники с правой стороны демонстрируют, как глобальное лексическое окружение изменяется в процессе выполнения кода: 1. В начале скрипта лексическое окружение пустое. 2. Появляется определение переменной let phrase. У неё нет присвоенного значения, поэтому присваивается undefined. 3. Переменной phrase присваивается значение. 4. Переменная phrase меняет значение. Пока что всё выглядит просто, правда? Итого: - Переменная – это свойство специального внутреннего объекта, связанного с текущим выполняющимся блоком/функцией/скриптом. - Работа с переменными – это на самом деле работа со свойствами этого объекта. 📋 #JavaScript #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 Замыкание в JavaScript (Часть 3) Чтобы понять, что происходит, давайте для начала обсудим, что такое «переменная» на самом деле. В JavaScript у каждой выполняемой функции, блока кода и скрипта есть связанный с ними внутренний (скрытый) объект, называемый лексическим окружением LexicalEnvironment. Объект лексического окружения состоит из двух частей: 1. Environment Record – объект, в котором как свойства хранятся все локальные переменные (а также некоторая другая информация, такая как значение this). 2. Ссылка на внешнее лексическое окружение – то есть то, которое соответствует коду снаружи (снаружи от текущих фигурных скобок). "Переменная" – это просто свойство специального внутреннего объекта: Environment Record. «Получить или изменить переменную», означает, «получить или изменить свойство этого объекта». Например, в этом простом коде только одно лексическое окружение: схема. 📋 #JavaScript #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🗂 Динамический массив в С++ (часть 3) Создание динамических массивов Как было сказано раньше, массивы также могут быть динамическими. Чаще всего операции new и delete применяются для создания динамических массивов, а не для создания динамических переменных. Рассмотрим фрагмент кода создания одномерного динамического массива. // объявление одномерного динамического массива на 10 элементов: float *ptrarray = new float [10]; // где ptrarray – указатель на выделенный участок памяти под массив вещественных чисел типа float // в квадратных скобочках указываем размер массива После того как динамический массив стал ненужным, нужно освободить участок памяти, который под него выделялся. // высвобождение памяти отводимой под одномерный динамический массив: delete [] ptrarray; 📋 #Совет ▬▬▬▬▬▬▬▬ // How To C

​Замыкание в JavaScript (Часть 2) Итак, вопрос в том, получит ли она доступ к последним изменениям? 2. Функция makeWorker создаёт другую функцию и возвращает её. Новая функция может быть вызвана откуда-то ещё. Получит ли она доступ к внешним переменным из места своего создания или места выполнения или из обоих? function makeWorker() { let name = "Pete"; return function() { alert(name); }; } let name = "John"; // create a function let work = makeWorker(); // call it work(); // что будет показано? "Pete" (из места создания) или "John" (из места выполнения) 📋 #JavaScript #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

Почему одни разработчики делают за 10 минут то, что другие делают за пару часов? Просто они прошли переподготовку в Айтилогии! Собрали для тебя бесплатный курс по фронтенд-разработке, чтобы ты мог в этом убедиться. За 7 дней ты: - Сверстаешь веб-сайт на HTML + CSS; - Реализуешь функционал на JavaScript; - Используешь фронтенд-фреймворк Angular; - Подключишь Backend и загрузишь сайт на хостинг. В итоге ты начнёшь верстать увереннее, добавишь в портфолио 1 крутой сайт и сможешь повысить цену на свои услуги. 👉 Забрать бесплатно 7 дней обучения Frontend-разработке

​🧾 Замыкание в JavaScript (Часть 1) JavaScript – язык с сильным функционально-ориентированным уклоном. Он даёт нам много свободы. Функция может быть динамически создана, скопирована в другую переменную или передана как аргумент другой функции и позже вызвана из совершенно другого места. Мы знаем, что функция может получить доступ к переменным из внешнего окружения, эта возможность используется очень часто. Что произойдет, когда переменные изменятся? Ответим на эти и другие вопросы. Для начала давайте рассмотрим две ситуации, а затем изучим внутренние механизмы шаг за шагом, чтобы вы смогли ответить на эти и более сложные вопросы в будущем. 1. Функция sayHi использует внешнюю переменную name. Какое значение будет использовать функция при выполнении? let name = "John"; 2 3 function sayHi() { 4 alert("Hi, " + name); 5 } 6 7 name = "Pete"; 8 9 sayHi(); // что будет показано: "John" или "Pete"? Такие ситуации распространены и в браузерной и в серверной разработке. Выполнение функции может быть запланировано позже, чем она была создана, например, после какого-нибудь пользовательского действия или сетевого запроса. 📋 #JavaScript #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 Метод console.table() console.table(data) позволяет вывести в консоль данные в виде красивой таблички. Ценность в том, что он принимает данные в самых разнообразных форматах: работают и простые массивы, и массивы в массивах, и массивы объектов, и другие варианты. К сожалению, метод не стандартизирован и может работать по-разному в зависимости от среды, где выполняется (может и не работать совсем). var str = " Привет, мир! "; alert(str.trim()); 📋 #JavaScript #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 Как найти подстроку в строке? Метод charAt возвращает символ по указанному индексу. Метод includes проверяет, содержит ли строка переданную подстроку. Возвращается true либо false. Вторым параметром возможно передать индекс в строке, с которого надо начать поиск, но это необязательно. Метод search проверяет, присутствует ли в строке переданное значение либо регулярное выражение и возвращает индекс начала совпадения. В случае, если переданное значение не найдено, возвращается -1. 📋 #JavaScript #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 Методы строк в JavaScript (часть 16) Метод trim(): Метод trim() удаляет пробельные символы с обеих сторон строки: Пример: var str = " Привет, мир! "; alert(str.trim()); Этот trim() метод не поддерживается в Internet Explorer 8 и ниже. Если вам нужна поддержка IE 8, вы можете использовать replace() вместо этого регулярное выражение: Пример: var str = " Привет, мир! "; alert(str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '')); Вы также можете использовать решение замены выше, чтобы добавить функцию обрезки в JavaScript String.prototype: Пример: if (!String.prototype.trim) { String.prototype.trim = function () { return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, ''); }; } var str = " Привет, мир! "; alert(str.trim()); 📋 #JavaScript #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

📓 Подборка IT книг, которые помогут поднять твой скилл в разработке: ▪️HTML и CSS. Разработка и создание веб-сайтов - скачать книгу ▪️Кровь, пот и пиксели - скачать книгу ▪️Легкий способ выучить Python - скачать книгу ▪️Изучаем Java - скачать книгу ▪️Django 3.0. Практика создания веб-сайтов на Python - скачать книгу ▪️Изучаем SQL. Генерация выборка и обработка данных - скачать книгу ▪️Современный JavaScript для нетерпеливых - скачать книгу ▪️Стек MEAN. Mongo, Express, Angular, Node - скачать книгу ▪️PHP. Рецепты программирования - скачать книгу ▪️Go на практике - скачать книгу 🖇 Ссылки активны только после подписки на канал - Книжки айтишки 👉🏿 Смотреть все книги

​🧾 Методы строк в JavaScript (часть 15) Метод concat(): Метод concat() объединяет две или более строк. Пример: var text1 = "Привет"; var text2 = "Мир"; var text3 = text1.concat(" ", text2); Этот concat() метод можно использовать вместо оператора плюс. Эти две строки делают то же самое. Пример: var text = "Привет" + " " + "Мир!"; var text = "Привет".concat(" ", "Мир!"); Все строковые методы возвращают новую строку. Они не изменяют исходную строку. Формально сказано: строки неизменяемы: строки нельзя изменить, их можно только заменить. 📋 #JavaScript #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 Методы строк в JavaScript (часть 14) Преобразование в верхний и нижний регистр Строка преобразуется в верхний регистр с помощью toUpperCase(). Пример: var text1 = "Привет, мир!"; // Строка var text2 = text1.toUpperCase(); // text2 к text1, преобразованный в верхний Строка преобразуется в нижний регистр с помощью toLowerCase(). Пример: var text1 = "Привет, мир!"; // Строка var text2 = text1.toLowerCase(); // text2 к text1, преобразованный в нижний 📋 #JavaScript #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

Какие компетенции нужны для старта в IT? С чего лучше всего начать свой путь? Кто такой тестировщик? На эти и другие вопросы отвечаем на бесплатном вебинаре. Подключайтесь к прямому эфиру 10 ноября в 19:00 по мск 📚 ✔️Узнаете какие навыки и знания нужны для трудоустройства. В прямом эфире протестируем простоую форму, в рамках которой разберем базовые техники тест-дизайна и тест-кейсы. ✔️Узнаете как составить привлекательное резюме и где его разместить, чем наполнить портфолио новичку и как правильно откликаться на вакансии.  Вебинар проведет специалист который имеет 8 лет опыта в тестировании ПО, член программного комитета секции «Тестирование и QA» на DUMP с 2018 года - Евгений Сабиров. Он даст советы и рекомендации, ответит на вопросы.  Неважно, сколько вам лет и кем вы работаете сейчас. Возможность попасть в IT есть у всех! Начинаем 10 ноября. Записывайтесь!👌 

Айти Архив - крупнейшая в телеграмме библиотека книг по бэкенду и фронтенду. Python Magazine – Этот канал буквально дорожная карта для начинающих разработчиков. Новости, статьи и обучающие материалы для Python разработчика.