Dev House Jun Front

Давай немного о фреймворках? React.js: React.js является одним из самых популярных фреймворков JavaScript. Он используется для создания интерфейсов пользовательского веб-приложения. React.js основан на компонентном подходе, позволяя разбить интерфейс на небольшие, независимые компоненты, что делает код проще для понимания и поддержки. Angular.js: Angular.js - это открытая и полноценная платформа для разработки веб-приложений. Он также основывается на компонентном подходе и предлагает различные функции, такие как двустороннее связывание данных и интеграция с серверной стороной приложений. Vue.js: Vue.js - это прогрессивный фреймворк, который также используется для разработки пользовательских интерфейсов. Он предлагает простой синтаксис и легко интегрируется с другими библиотеками или проектами. Vue.js также построен на компонентной архитектуре и позволяет создавать переиспользуемые компоненты интерфейса. Ember.js: Ember.js - это фреймворк для разработки амбициозных веб-приложений. Он предлагает все, что нужно для создания масштабируемых и производительных веб-приложений, включая маршрутизацию, управление состоянием и шаблонизацию. Backbone.js: Backbone.js - это легковесный фреймворк для организации кода. Он помогает разрабатывать структурированные и модульные веб-приложения, предлагая базовые функции, такие как модели, представления и коллекции. Выбор фреймворка зависит от ваших индивидуальных предпочтений и требований проекта. Рекомендуется начать с одного из вышеупомянутых фреймворков и изучить его основы, чтобы освоить разработку приложений на JavaScript.

ЧЕ, АЙТИШНИК, ДА? КРАСАВЧИК! Сделали для вас самую полезную подборку каналов по программированию. В ней собраны официальные русскоязычные каналы самых популярных языков. Там только топовая информация, которая потом появляется на платных курсах. Надо подписаться: @it

Йоу йоу йоу, братик) Тут короче мне есть, что вам подогнать из интересного) 🤓 Значит смотри, это наш человек: - Был тестером;✅ - Захотел во фронт;✅ - Смог;✅ - Хакатоны, макатоны и прочее;✅ - Учит еще другие языки теперь;✅ - Кидает полезные ссылки, например: ребята, которые помогают набраться коммерческого опыта для новичков✅ Автор также тусит в нашем чате, помогает новичкам с вопросами и т.п. Короче, наш чувак)😁 Поэтому пусть это и банально, но рекомендую заскочить к нему в блог - там рил интересно почитать, сам почитываю) Ссылка вот тут будет - https://t.me/GoToFrontend

В JavaScript есть несколько способов выполнить численное преобразование. Рассмотрим несколько примеров: Использование функции parseInt:

const subscribers = "1000";
const parsedSubscribers = parseInt(subscribers);

console.log(parsedSubscribers); // Выводит число 1000
console.log(typeof parsedSubscribers); // Выводит тип данных "number"

Функция parseInt принимает строку и выполняет преобразование в целое число. Если строка содержит символы, отличные от цифр, то parseInt обрезает все символы, начиная с первого нечислового символа. Использование унарного плюса:

const subscribers = "1000";
const parsedSubscribers = +subscribers;

console.log(parsedSubscribers); // Выводит число 1000
console.log(typeof parsedSubscribers); // Выводит тип данных "number"

Унарный плюс, примененный к строке, преобразует ее в число. В отличие от parseInt, унарный плюс оставит строку без изменений, если в ней есть символы, отличные от цифр. Использование функции Number:

const subscribers = "1000";
const parsedSubscribers = Number(subscribers);

console.log(parsedSubscribers); // Выводит число 1000
console.log(typeof parsedSubscribers); // Выводит тип данных "number"

Функция Number также преобразует строку в число и работает аналогично унарному плюсу. Обратите внимание, что численное преобразование может не работать, если в строке содержится что-то отличное от чисел, например, если строка содержит буквы или специальные символы. В таких случаях результат преобразования будет NaN (Not a Number). Не будь жадиной и поставь лайк)

Привет! У нас появился новый канал - чисто по разработке на JS. Максимально подходит для новичков, а все посты в формате коротких заметок на 5 минут, не более.) Короче, надеюсь тебе понравится: https://t.me/frontend_minion

Хэй, йо) Мы тут решили запустить канал, который будет вещать вам строго про JS и не более. Обучалка, если хотите. Каждый пост - по сути заметка для новичков - какие типы данных, области видимости и т.п. Постараемся делать их короткими, что бы можно было прочитать за 2 минуты и не особо напрягать мозг.) Короче, понравится - подпишись - надеюсь понравится) Ссылка: https://t.me/frontend_minion

Йо йо йоу, други, привет вам всем) У нас тут такой момент есть, категорически любопытный - нужна ваша помощь) Мы вот тут думаем - какой проект реализовать (а может и несколько) и нам нужен ваш совет, а точнее голос.) Можно проголосовать за несколько вариантов. Это очень нам поможет сделать то, что будет полезно. Сейчас будет описание проектов - почитай) А потом ниже голосовалка - проголусуй) Описание проектов: https://telegra.ph/Varianty-proektov-06-27

Йоу, йоу, привет! Сегодня мы рассмотрим две темы - методы объекта и ключевое слово "this". Методы объекта - это функции, которые являются свойствами объекта. Они могут использоваться для выполнения действий с данными объекта и для взаимодействия с элементами DOM. Рассмотрим пример: let user = { name: "John", age: 30, sayHi: function() { alert("Привет, " + this.name + "!"); } }; user.sayHi(); // Привет, John! Здесь мы создали объект "user", в котором определили свойства "name" и "age", а также метод "sayHi", который выводит приветствие на экран. Обратите внимание на ключевое слово "this", которое обращается к свойству "name" объекта "user". Так мы можем использовать это свойство внутри метода объекта. А теперь перейдем к ключевому слову "this". Оно используется для обращения к текущему объекту, в контексте которого была вызвана функция. Рассмотрим еще один пример: let car = { brand: "Toyota", model: "Corolla", go: function() { console.log(this.brand + " " + this.model + " поехала!"); } }; car.go(); // Toyota Corolla поехала! Здесь мы создали объект "car", в котором определили свойства "brand" и "model", а также метод "go", который выводит сообщение о том, что машина поехала. В методе мы использовали ключевое слово "this", чтобы обратиться к свойствам объекта "car" и создать нужное сообщение. Эти примеры показывают, как использовать методы объекта и ключевое слово "this" в JavaScript. Надеюсь, это поможет вам лучше понять работу с объектами и функциями в этом языке программирования. Удачи! Не будь жадиной - поставь лайк)

Елки палки, всем привет, други!) Давайте подкину вам задачку, которую потом решу на видео. Значит смотрите: - Есть некий скелет страницы - html+css. Заказчик хочет, что бы была светлая и темная тема, которая переключается по кнопке. Изи катка.) - Добавим туда возможность увеличить шрифт - для плоховидящих. - Ну и пускай можно будет поменять цвет этого шрифта. - А если у человека плохо грузится интернет - пусть будет возможность отключить картинки в теле страницы. Решение можно лупить прям с костылями.)

Йо йо йо, алоха други! Как дела? Значит смотри, заметил у нас небольшое затишье? Ну так мы не спим, мы работаем) Скоро пойдет много нового контента, который мы уже пилим. И вот что мы подумали - давно мы что то видосы не пилили. Всякие там разборы, как и что работает ну и т.п. И тут нам можешь помочь ты, естественно своим мнением, которое вот именно здесь как раз таки и нужно) Что ты думаешь по поводу того, что бы мы пилили, что интереснее?

1. Ознакомление с основами Vue: Что такое Vue и его основные принципы; Создание простого приложения на Vue; Работа с директивами. 2. Работа с компонентами: Что такое компоненты и как их использовать; Как создавать и настраивать компоненты; Использование слотов и переходов между компонентами. 3. Маршрутизация и управление состоянием: Использование Vue Router для создания SPA; Управление состоянием с помощью Vuex. 4. Работа с API: Запросы и ответы с помощью Axios; Обработка данных и отображение ответа от сервера. 5. Оптимизация и тестирование: Оптимизация приложения для улучшения производительности; Тестирование компонентов и приложения в целом. 6. Дополнительные темы: Использование Vue с другими библиотеками и фреймворками; Создание собственных директив и фильтров; Работа с анимацией.

Хай! Для тебя две лёгкие задачки:) Создайте функцию, которая принимает два числа и возвращает их сумму. Создайте форму для ввода пароля. Проверьте, что длина пароля не менее 6 символов и он содержит хотя бы одну заглавную букву и одну цифру.

Разработайте компонент "ToDo List", который позволяет вводить и хранить список задач, а также отмечать выполненные задачи. Он должен иметь возможность добавлять, редактировать и удалять задачи в списке, а также фильтровать их по статусу (выполнено/не выполнено). Кроме того, компонент должен сохранять список задач в локальном хранилище браузера для сохранения данных после перезагрузки страницы.

Пора верстать! Жанр: сайт платежной системы в скинах Формат: #figma Ссылка: https://www.figma.com/file/MvecYqlVGl7fjvxjtnaUoC/HotSkins?node-id=2%3A40

Пару сайтиков, где можно найти хорошую анимацию для своего лэндинга) 1. Codepen (codepen.io) 2. CSS Animation Rocks (cssanimation.rocks) 3. CSS Tricks (css-tricks.com) 4. Smashing Magazine (smashingmagazine.com) 5. Web Animation Weekly (webanimationweekly.com)

Написать функцию на JavaScript, которая принимает массив чисел и возвращает новый массив, содержащий только уникальные значения. Решение должно быть эффективным и не использовать встроенные методы массивов, такие как filter или includes. Вот решение функции, которая принимает массив чисел и возвращает новый массив, содержащий только уникальные значения: function uniqueArray(arr) { const obj = {}; const output = []; for (let i = 0; i < arr.length; i++) { const item = arr[i]; if (!obj[item]) { obj[item] = true; output.push(item); } } return output; } Как это работает: Мы создаем объект obj Мы создаем пустой массив output Мы проходим по исходному массиву arr Если obj не содержит элемент item значения как свойство, то мы добавляем его в obj и output Это решение имеет временную сложность O(n), потому что мы проходим по каждому элементу массива ровно один раз.