JavaScript заметки
前往频道在 Telegram
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке. Можно почитать пока компилируется проект :) Сотрудничество: @noname_media Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
显示更多7 368
订阅者
-124 小时
-167 天
-5730 天
帖子存档
7 368
Массив
Массив — это структура, в которой можно хранить коллекции элементов — чисел, строк, других массивов и так далее. Элементы нумеруются и хранятся в том порядке, в котором их поместили в массив. Элементов может быть сколько угодно, они могут быть какими угодно.
Массивы очень похожи на нумерованные списки.
#массив #const
Подробнее
7 368
Хочешь освоить Photoshop без напряжённых часовых туториалов и лекций?
Тогда тебе на канал Photoshop за 59 sec.
Короткие уроки по обработки фотографий, ролики с разбором инструментов и фишек программы.
P.S. все видео на русском языке.
7 368
Рекурсия
Рекурсия — это что-то, что описывает само себя.
Представить рекурсию проще всего на примере зеркального коридора — когда напротив друг друга стоят два зеркала. Если посмотреть в одно, то в нём будет отражение второго, во втором — отражение первого и так далее.
#рекурсия
Подробнее
7 368
return
Функция возвращает результат, который будет передан в вызвавший её код. Для этого и используется ключевое слово
return.
#функции #return
Подробнее7 368
Они смеялись, когда я подписался на эти каналы, но когда я начал читать эти посты…
IT questions - тут ты точно подготовишься к собеседованию: логические и практические задачи, подборки вопросов с собеседований
Learn English, code better — качаешь технический английский - поднимаешь себе ЗП! Без больших усилий, уделяя 5 минут в день!
FullStack Libs - будь открыт к новым технологиям: библиотеки, фреймворки, плагины и другие полезные ресурсы для Frontend и Backend
Python TAT - освой самый популярный язык программирования без воды, по примерам самых распространенных задач!
Читай и развивайся, пока компилируется проект!
7 368
Стрелочные функции
Стрелочная функция записывается намного короче, чем обычная. В самой простой записи ключевое слово
function и фигурные скобки не требуются.
В многострочных стрелочных функциях кода больше, поэтому они имеют фигурные скобки, но в остальном не отличаются.
#функции #const
Подробнее7 368
Рекурсивные функции
Внутри функции можно вызывать её саму — это пример рекурсивной функции.
Если разложить пример, то получится следующая цепочка:
- fac(3) это 3 * fac(2);
- fac(2) это 2 * fac(1);
- fac(1) это 1.
Получается, что
fac(3) это 3 * 2 * 1, то есть 6. Такой подход часто применяется в математических операциях, но не ограничивается ими.
#функции #рекурсия
Подробнее7 368
Знакомим с разработкой и учим думать, как программист.
Подготовительный 14-дневный курс по JavaScript для новичков!
Даём только мясную и прикладную информацию. Никакой воды и траты времени! По окончании вы уже владеете базовым знанием языка.
Вас ждет 72 урока теории и практики прямо в браузере, вебинары, лайвкодинг и первая собственная программа на JS, написанная под руководством опытного наставника.
Начинаем 8 ноября, вы с нами?
7 368
Функция и переменные
Переменные внутри функции существуют только внутри этой функции — этот эффект называется областью видимости.
Если пытаться вызвать их снаружи, то возникнет ошибка. В примере выше мы увидим, что
numberFive не задан, поскольку вне функции мы действительно не задали numberFive.
#функции #переменные
Подробнее7 368
Параметры
При вызове функции можно передать данные, они будут использованы кодом внутри.
Например, функция
showMessage принимает два параметра под названиями user и message, а потом соединяет их для целого сообщения. При вызове функции ей нужно передать аргументы. Функцию можно вызывать сколько угодно раз с любыми аргументами.
#функции #параметры7 368
Найти работу во Frontend можно 2 методами:
Первый. Бесконечно скроллить HeadHunter и пытаться что-то выклевать на LinkedIn. Офигеть от условий и закрыть.
Второй. Подписаться на React Job. Это база адекватных предложений, где даже для новичков много мест с хорошей з/п.
Тут найдете работу как в Яндексе (именно сюда крупняки присылают вакансии напрямую), так и в молодых стартапах!
В общем, не теряйте времени и находите работу в 2 клика: @job_react
7 368
Как быстрее освоить Frontend разработку? Стоит просто подписаться на эти каналы и получать дозу новой полезной информации каждый день.
Специалист по JavaScript — образовательный канал по JS человеческим языком, с ежедневными практическими заметками по языку.
Сеньор Помидор — канал для frontend программистов, с готовыми решениями на HTML|CSS|JS для твоего проекта.
7 368
Параметры
При вызове функции можно передать данные, они будут использованы кодом внутри.
Например, функция
showMessage принимает два параметра под названиями user и message, а потом соединяет их для целого сообщения. При вызове функции ей нужно передать аргументы. Функцию можно вызывать сколько угодно раз с любыми аргументами.
#функции #параметры7 368
.findIndex()
Метод
findIndex() возвращает индекс первого найденного в массиве элемента, который подходит под условие переданной функции. Если же ни одного подходящего элемента не найдётся, то метод вернёт -1.
Если вам нужно получить элемент, а не его индекс, то используйте метод find(). А если необходимо проверить наличие чего-либо в массиве, то сначала обратите внимание на метод includes().
#массив #findIndex
Подробнее7 368
Знакомим с разработкой и учим думать, как программист.
Подготовительный 14-дневный курс по JavaScript для новичков!
Даём только мясную и прикладную информацию. Никакой воды и траты времени! По окончании вы уже владеете базовым знанием языка.
Вас ждет 72 урока теории и практики прямо в браузере, вебинары, лайвкодинг и первая собственная программа на JS, написанная под руководством опытного наставника.
Начинаем 8 ноября, вы с нами?
7 368
Объявление функции
Объявление функции расшифровывается так:
1. В начале идёт ключевое слово
function, чтобы заявить о наших намерениях объявить функцию;
2. Затем имя функции, чтобы можно было отличить одну функцию от другой (у нас лаконичное hello, но бывает лаконичное ничего...);
3. В круглых скобках мы указываем параметры (можно и без), которые передадим внутрь;
4. Наконец, тело функции — это код в фигурных скобках, который выполняется при её вызове.
#функции #alert
Подробнее7 368
Функция
Функция — это блок из различных команд. С ней легко создавать порядок в коде программы, избавляясь от ненужных повторений и запутанных частей.
Один из способов создания — просто объявить функцию в коде (по-английски Function Declaration).
#функции
Подробнее
7 368
Как быстро получить опыт в разработке настоящих сайтов и веб-приложений? Писать код и решать задачи из реальных проектов!
Такие задачи публикуют на канале Just code IT.
Автор канала - дает задания на программирование частей реального сайта.
Ты - пишешь код, создаешь эти части и прокачиваешь свой опыт.
👇🏻 Подписывайся на канал, чтобы писать только полезный код, за который платят.
7 368
Мутации и неизменяемость
Изменение значений у полей объекта, добавление или удаление их отразится на всех, кто владеет ссылкой на этот объект. Такие операции называют мутациями. В современных веб-разработке мутаций стараются избегать, потому что мутирование объектов может приводить к ошибкам, которые очень трудно отследить. Однако если мы твердо уверены, что объект нигде более не используется или чётко контролируем ситуацию, то изменение объекта напрямую гораздо проще.
Если нужно безопасно модифицировать объект, то для начала придётся его скопировать. Скопировать объект можно двумя способами: через
Object.assign() или используя спред-синтаксис .
#данные #const7 368
Ссылочные типы данных
С объектами и другими сложными данными дела обстоят сложнее из-за того, что мы не знаем, какое количество памяти для них понадобится. Во время работы с такой структурой компьютеру необходимо следить за тем, сколько памяти уже есть, сколько понадобится, и выделять новую.
Работать с такими данными сложнее. Для этого компьютер отдаёт нам ссылку на место, где данные хранятся, и самостоятельно будет работать с ними по инструкциям, которые мы ему даём. Таким образом в переменную мы получаем лишь ссылку на данные.
Если сейчас присвоить значение из
myData в другую переменную, то мы скопируем ссылку, а не само значение.
#данные #const