Делаем просто калькулятор на JavaScript за 25 минут

Это видео позволит вам получить начальные навыки вёрстки и программирования на JS, а также создать свой первый законченный проект для портфолио всего за полчаса. Смотрим и повторяем:

https://youtu.be/WA3EFIB8-wU

#видео #javascript

ASMR программирование: делаем приложение для погоды на JavaScript

Это необычный формат видео туториала. Здесь не будет подробных объяснений, индийского английского и прочего.

Вместо этого вы можете под звуки хорошей механической клавиатуры наблюдать за пошаговым созданием приложения без лишних слов. Или даже повторят за автором.

Так как с YouTube сейчас могут быть проблемы, мы загрузили видео сюда. Если нужен оригинал, то он доступен по ссылке: https://youtu.be/iILFBGm_I9M

#видео #javascript

8 советов работы с JavaScript, которые повысят ценность вашего кода

В разных компаниях могут быть разные правила оформления кода, работы с ним. В начале вашего пути в качестве программиста это совсем неважно. Другое дело, что есть моменты, которые следует соблюдать хотя бы для того, чтобы вы могли быстрее осваивать новый язык, лучше разбираться в написанном и проще возвращаться к ранее созданным проектам.

Об этих моментах в статье:

https://nuancesprog.ru/p/15712/

#советы #javascript

8 неэффективных практик JavaScript, которых лучше избегать

Самая большая ответственность каждого программиста заключается в том, чтобы написанный им код был легко тестируемым и сохранял работоспособность с течением времени.

Чтобы этого добиться, стоит следовать определённым правил и избегать заведомо плохих практик. О восьми из них можно узнать в этой статье.

#javascript #веб

Как создать настольное приложение с помощью Electron. Руководство для начинающих

Эта статья в первую очередь будет полезна веб-разработчикам. Electron позволяет превращать проекты, написанные с помощью HTML, CSS и JavaScript в полноценные приложения для разных платформ. Многие такие приложения вы знаете: Skype, Discord, ваш любимый VS Code и так далее.

Как создать такое же приложение, вы можете узнать в этом руководстве.

#javascript #electron #руководство

Object.freeze и Object.seal в JavaScript

При работе с объектами важно сохранять полный контроль над ними, ограничивая от ненужного и допуская необходимое. В JavaScript для этого есть два метода: Object.freeze предотвращает любые изменения объекта, а Object.seal позволяет вам запечатать объект, что предотвращает добавление или удаление свойств, но не мешает изменению значений существующих свойств.

Подробнее можно узнать в этой статье. После неё вы будете лучше понимать, где это можно использовать, а главное, зачем.

#javascript

Как создать приложение Todo на React

Полезный туториал для фронтенд-разработчиков, в котором вы с нуля создадите приложение для ведения дел. Вы научитесь использовать хуки, а также продвинутые функции JavaScript.

Стартуем здесь.

#фронтенд #javascript #react

Основы программирования на JS для новичков

Небольшой, но полезный курс для тех, кто только начинает вкатываться во фронтенд и JavaScript.

Чтобы вам было проще ориентироваться, мы добавили тайм-коды:

00:00 - зачем и кому нужно это видео?
00:57 - что общего у программистов и поваров?
02:26 - понятие "Алгоритм"
03:46 - понятие "Блок-схема"
05:43 - понятие "Программа"
09:33 - ПРАКТИКА, задание на подумать
12:07 - разбор Мышления Программиста
16:35 - основные элементы мышления программиста
21:57 - Как развить мышление программиста?
26:41 - Создадим блок-схему калькулятора
37:00 - ПРАКТИКА с кодом!
49:10 - пишем калькулятор
1:00:42 - что такое и как работают ФУНКЦИИ?
1:09:00 - Домашнее задание!
1:09:45 - моя реализация домашки
1:15:25 - АНОНС следующего курса по JS!

Нужны ли вам вообще тайм-коды к таким постам? Поставьте ❤, если оставляем формат и 😐, если только мешает.

#курс #javascript

Делаем форму обратного звонка: лендинг, Go и SMS-уведомления

Классный туториал от Екатерины Саяпиной для вашего портфолио. Форма обратного звонка довольно часто используется на сайтах, поэтому умение делать её крайне полезно и может быть отмечено при трудоустройстве.

В этом руководстве вы научитесь не просто верстать блок обратной связи, но и делать бэкенд-часть на Go, работать с Callback и SMS API. Отдельный плюс — для этого вам не нужны сложные фреймворки — только HTML, Go и чуть-чуть JavaScript.

Старт по ссылке: https://habr.com/ru/companies/ru_mts/articles/856232/

#туториал #golang #javascript #html

Платформер в жанре rogue-like размеров в 13KB

Продолжаем тему ультралёгких игр. На этот раз возьмём игру потяжелее (если так можно сказать про 13KB), но зато гораздо сложнее, чем змейка.

Space Huggers — это проект, созданный в рамках популярного соревнования JS13K Games, где люди соревнуются в создании игр, чей размер не превышает 13 килобайт. Эта игра представляет собой платформер, объединяющий сразу два жанра — roguelike и run and gun. В этой статье рассказана история создания игры, движка для неё и который стал самостоятельной библиотекой.

Рекомендуем к прочтению, если хотите вдохновиться или просто интересно провести время.

#gamdev #javascript

Telegram Mini App. Как создать Web App с нуля

Mini Apps (или же Web Apps) — это удобный способ добавления веб-приложения прямо в интерфейсе Telegram. Используя JavaScript, становится возможным создавать бесконечное множество интерфейсов, которые смогут заменить полноценный веб-сайт и привычные мобильные приложения.

Если хотите научиться создавать такие приложения, то читайте статью, в которой узнаете все нюансы разработки такого проекта и даже сможете создать один.

#telegram #miniapp #javascript

Область видимости в JavaScript

Мы используем переменные, чтобы хранить в них временные значения, а потом в нужный момент получать к ним доступ. Но не все переменные в нашем коде одинаково доступны. Доступна ли переменная и как получить к ней доступ, определяет область видимости.

Это часть программы, в которой мы можем обратиться к переменной, функции или объекту. Этой частью может быть функция, блок или вся программа в целом — то есть мы всегда находимся как минимум в одной области видимости.

Более детально узнать, что это такое и на примерах рассмотреть то, как работает эта область, вы сможете в этой статье.

#javascript

10 библиотек JavaScript, которые можно забыть в 2025 году

Когда начинаешь изучать какое-то новое направление, например программирование на JS, то глаза могут разбегаться от обилия нюансов, инструментов и библиотек. Новичку может быть сложно понять на что стоит обратить внимание, а что можно смело пропускать.

Например, jQuery — когда-то крайне популярная библиотека, которую до сих пор можно встретить в старых проектах, сегодня уже не актуальна и тратить время на изучение её возможностей нет никакого смысла. И таких библиотек много. О десяти из них мы рассказали в новой статье.

#javascript

Флексим и создаём GUI на Python с веб-технологиями рендеренига

В этом нам поможет Flexx — набор инструментов, сделанных на чистом Python. Он позволяет писать код графических интерфейсов прямо на питоне и на ходу генерировать JavaScript с помощью транслятора PScript.

Узнать подробности о возможностях и изучить инструкцию можно на странице проекта.

#инструменты #python #javascript #gui

Отладка JavaScript в Chrome DevTools для начинающих фронтендеров

Поиск и исправление ошибок в JS может быть весьма ресурсозатратным мероприятием. Новичкам этот процесс может показаться неподъёмным камнем.

Но только до знакомства с отладкой в инструментах разработчика, встроенных в браузер. О ней вы узнаете в этой статье. Причём не о привычной всем console.log, а куда более эффективной альтернативе.

#javascript #qa

Области видимости в JavaScript

Мы используем переменные, чтобы хранить в них временные значения, а потом в нужный момент получать к ним доступ. Но не все переменные в нашем коде одинаково доступны. Доступна ли переменная и как получить к ней доступ, определяет область видимости.

Область видимости — это часть программы, в которой мы можем обратиться к переменной, функции или объекту. Этой частью может быть функция, блок или вся программа в целом — то есть мы всегда находимся как минимум в одной области видимости.

А более детально узнать что это такое и на примерах рассмотреть то, как работает эта область, вы сможете в этой статье.

#javascript

Изучаем JavaScript, создавая игру

Погрузитесь в JavaScript, создавая 2D-игру с нуля. Этот бесплатный курс поможет вам освоить основы программирования через практику.

#javascript #gamedev

Простая шпаргалка по методам работы со строками в JavaScript, чтобы вы не забыли основы основ за время праздников.

#javascript #шпаргалка

​Создаём портфолио в формате 2D-игры на JavaScript

Это один из креативных способом показать свои скилы и впечатлить рекрутера/тимлида/интервьюера.

Гайд по разработке: https://youtu.be/wy_fSStEgMs
Демо: https://jslegenddev.github.io/portfolio/
Исходники: https://github.com/JSLegendDev/2d-portfolio-kaboom

#javascript

ООП в JavaScript на примерах с Фредди Меркьюри

ООП в JavaScript можно представить как конструктор LEGO. Вы создаете кучу кубиков (объектов), каждый со своими специальными функциями и свойствами. А знание ООП помогает вам строить более крепкие и крутые конструкции, используя эти кубики как основные блоки.

Держите простую статью, которая наконец поможет разобраться в основных концепциях ООП на примере с Фредди Меркьюри. Всё с подробными объяснениями и примерами кода.

#ооп@prog_point #javascript@prog_point #теория@prog_point