Готовый Код | Frontend
883 subscribers
470 photos
7 videos
240 links
Здесь ты найдешь готовый код для фронтенд разработки

По вопросам : @sul_furas
加入频道
Здаров! Хочу потрещать с тобой по поводу организации времени. Да, это важно.

И так, хороший специалист должен уметь грамотно управлять своим временем, что бы быть эффективным. 
Прежде всего тебе нужно определить свои задачи на ближайшее время. У меня есть обычно общее понимание на месяц и подробный план на неделю. Так сказать, спринты. Для того, что бы все держать под контролем тебе нужна некая сигнальная система. Например, блокнот или jira. Можешь что то свое.)

Чем пользуюсь я? У меня есть блокнот для общего расписания:
8.00 – 9.00 – Фриланс;
9.00 – 14.00 – Работа;
14.00 – 15.00 – Обед;
Ну и т.п.
И jira для более точного расписания, у меня там все прям по задачам расписано. 
Как составляется такое расписание? Например, у меня есть одна большая задача, условно – разработать сайт. Мы проводим декомпозицию данной задачи – у сайта будет наводиться верстка и функционал. Окей. У нас с вами уже две задачи поменьше, вместо одной большой.

Идем дальше – декомпозирует каждую. Функционал делим на ряд задач, например:
1. Реализация карточки товара;
2. Реализация страницы каталога с фильтрацией;
3. Реализация отзывов. 
То же самое проводим и с версткой. 
Что мы с вами получили? По сути пирамиду задач. Каждая мелкая задача – это четкая инструкция, что нам сейчас делать. Расставляем их в jira по взаимосвязи и приступаем к выполнению.) 

Вот и все.) Не забываем запланировать обед.) Также не стоит забивать под задачи все 8 часов. Расписывай 7. Ибо ты будешь пить кофе, залипать в моник или еще что то.) 

Также после каждой задачи давай себе минут 5-10 на отдых – поверь – эффективно.)

Наш ВК: https://vk.com/dev_house
Наш Inst: https://www.instagram.com/dev_house/
Всем привет!

А наши носки с Рик и Морти, которые мы разыгрывали в прошлом месяце, наконец-то добрались до победителя. Он прислал фото из Минска.
Передаём привет!
Йху, привет! Так как понедельник, то и задачка будет попроще.) Ловите задание: 

Что выведет в консоль?
try {
throw v = (function(c) { throw v = function(a){ return v; } })();
} catch (e) {
console.log (e()());
}
Вчера студенты первого потока приступили ко второму из пяти модулей. Хотим их поздравить и пожелать и дальше того же упорства. 

Также мы отметили, что наш курс претерпевает изменения по ходу движения первого потока. Что мы изменили:
1. Помимо лекций мы теперь проводим разбор домашних заданий в прямом эфире. Это оказалось полезно, по сути мы проводим ревью после каждого занятия. 
2. На это ревью может попасть любой студент курса. Схема работы - ученики предлагают свои работы на разбор, а преподаватель в прямом эфире его ревьит. Полезно;
3. Так же в ревью домашних заданий мы отвечаем на любой вопрос учеников. 
4. В чате постоянная поддержка по любому вопросу.

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

Как то так.) Хочу сказать спасибо первому потоку за то, что помогают нам и дает обратную связь, как улучшить курс.) 

Скоро набор на второй поток - стало интересно - пишите "+" в комментах - напишем.)
Йоу, всем привет! Сегодня четверг, а это значит сегодня у нас рубрика макеты для вёрстки

CoffeeStyle.
Жанр: для веб-сайта электронной коммерции
Формат: #figma
Ссылка: https://www.figma.com/file/OXyrKJV16X7O2SCnlsBKVW/Cof..
Тык тыгыдык! Привет! 

Написать функцию, которой передаем имя, и она возраващает приветствие в зависимости от времени суток (Доброе утро\день\вечер\ночи Иван)
Всем доброе утро! Мы планируем небольшую серию постов, в которой расскажем о том, как устроено групповое наставничество. А вы оцените - достойный ли подход к обучению у нас или нет. 

И так, лекции! 

Лекции необходимы для передачи знаний. На новый поток мы планируем записать их в высоком качестве, со светом, хромакеем и т.п. Время лекции в среднем 1 час - за это время преподаватель успевает рассказать достаточно материала, что бы студент мог выполнить домашнее задание, но при этом не перегружать мозг. Лекции мы проводим дважды в неделю.
Во время преподаватель ведет презентацию, что бы наглядно показывать то, о чем он говорит. Помимо этого, после лекции студенту доступна презентация, а также конспект лекции для удобства - не всем удобно пересматривать лекцию, кому то достаточно взглянуть на слайд или страницу конспекта. 

В следующих поста мы расскажем о том:
- Как мы выдаем ДЗ;
- Ревью ДЗ в прямом эфире - зачем так часто? 
- Зачем мы пришли к формату группового наставничества? 
- Сколько мы тратим на одного ученика?
- Зачем мы столько вкладываем в качество?

Большое спасибо, что дочитали.)
Йо йо йо, друга! Вот тебе задачка!

Дан текстовый файл со статистикой посещения сайта за неделю. Каждая строка содержит ip адрес, время и название дня недели (например, 139.18.150.126 23:12:44 sunday). Создайте новый текстовый файл, который бы содержал список ip без повторений из первого файла. Для каждого ip укажите количество посещений в неделю, наиболее популярный день недели, наиболее популярный отрезок времени длиной в один час. Последней строкой в файле добавьте наиболее популярный отрезок времени в сутках длиной один час в целом для сайта.
Наш подарок для Эрнеста Шниряева приехал к нему в Башкирию. 
Поздравляем Эрнеста, вёрстка это основа для фронтендера. Фронтендер должен знать html и css хотя бы базово, надеюсь она тебе поможет в твоём обучении. Это хорошая книга, качественная, это Дэвид Макфарланд, большая книга CSS. У многих фронтендеров, с которых я знаком, такая стоит на полке. 
Удачи тебе Эрнест в твоих начинаниях
Хай, сегодня среда, а это значит, что уже скоро выходные)

Напиши функцию map(fn, array), которая принимает на вход функцию и массив, и обрабатывает каждый элемент массива этой функцией, возвращая новый массив. Пример:

function square(x) { return x * x; } // возведение в квадрат
console.log(map(square, [1, 2, 3, 4])); // [1, 4, 9, 16]
console.log(map(square, [])); // []
Обрати внимание: функция не должна изменять переданный ей массив:

var arr = [1, 2, 3];
console.log(map(square, arr)); // [1, 4, 9]
console.log(arr); // [1, 2, 3]
Это аналог array_map из PHP.
Сегодня мы подвели итоги розыгрыша 23 февраля)
В нём победил Vladislaw Meow, он выиграл футболку Рик и Морти)
В течение 10 дней мы отправим ему подарок, как только подберем нужный размер.) 
Всем остальным участникам розыгрыша - 10% скидка на новый поток группового наставничества с 1 апреля - dev-house.online
Йоу, всем привет! Сегодня четверг, а это значит сегодня у нас рубрика макеты для вёрстки

Жанр: киберспорт
Формат: #figma
Ссылка: https://www.figma.com/file/hY7fjuF9YZjJnXFQ5Arnq3/Untitled?node-id=0%3A1
В конце лекций мы просим наших студентов оценить лекцию по 10-бальной шкале.) И мы всегда молодцы.)
Привет! Сегодня суббота, первый день наших любимых выходных.

Сегодня за решение задачи будет вознаграждение)

Первому, кто ответит правильно - 10% скидка на курс. 2-3 место - 5%

Подсчитать количество гласных в строке
Напишите функцию vowel_count(str), которая принимает строку в качестве параметра и подсчитывает количество гласных в строке.

function vowel_count(str1) {

// Ваш код

}

document.writeln(vowel_count('Web Development Tutorial')); //9
Дорогие и прекрасные девушки, поздравляем с праздником! Желаем чувствовать весну в сердце, свежий ветерок в волосах и любовь в душе!

С праздником.)
“Frontend 53XApps” – курс с оплачиваемой стажировкой - dev-house.online

Чтобы вырасти в качественного разработчика нужно учиться не только писать на языке программирования, но и понимать его. Курс Dev House и 53x Apps даст вам:

- Код-ревью после каждого урока;
- Групповое наставничество - не более 30 учеников на одного преподавателя;
- Идеологию и принципы работы фреймворков, научит понимать и работать с фреймворком Vue.js (или любым другим);
- Интерактивные вебинары и записи занятий;
- Качественное обучение востребованной профессии;
- Актуальная программа;
- Поддержка во время обучения;
- Доступ к сообществу учеников и специалистов.

А лучшие студенты попадут на оплачиваемую стажировку в компанию 53x Apps.))

Курс пройдет онлайн с 1 апреля по 31 августа. Формат — прямые трансляции, домашние задания, ланч тайм с приглашенными экспертами, сообщество учеников в Telegram, постоянные код-ревью с преподавателем.

Всего 30 мест в группе, успей записаться на новый поток - dev-house.online
Здаров! Сегодня хочу дать тебе задачку:

У нас есть объект, в котором хранятся зарплаты нашей команды:

let salaries = {
 John: 100,
 Ann: 160,
 Pete: 130

}

Напишите код для суммирования всех зарплат и сохраните результат в переменной sum. Должно получиться 390.
Если объект salaries пуст, то результат должен быть 0.
Сегодня у нас рублика #макетыдляверстки

Любителям острых ощущений предоставляется возможность сверстать, то что они любят)

Жанр: острый соус к кофе!

Формат: #figma

Ссылка: https://www.figma.com/file/bfuerSMKMDh802FWCSWioB/Ujjo?node-id=0%3A1


P.S Обучение frontend-разработчика с 1 апреля - dev-house.online