Dev House Jun Front
Open in Telegram
3 367
Subscribers
No data24 hours
No data7 days
No data30 days
Posts Archive
3 367
Делаем кнопку!)
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
input[type=text] {
width: 130px;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
font-size: 16px;
background-color: white;
background-image: url('searchicon.png');
background-position: 10px 10px;
background-repeat: no-repeat;
padding: 12px 20px 12px 40px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}
input[type=text]:focus {
width: 100%;
}
</style>
</head>
<body>
<p>Animated search form:</p>
<form>
<input type="text" name="search" placeholder="Search..">
</form>
</body>
3 367
Хай! Нужно написать функцию, которая принимает строку (в этом тексте 3-5 предложений), верните каждое первое слово в каждом предложении, через запятую.
3 367
Преимущества JavaScript :
- Незаменимость в веб-разработке. JS – это основная «технология» для клиент-серверных моделей и программирования «для интернета».
- Наличие полной интеграции с версткой страниц и серверной частью.
- Рациональность применения и простоту. Решить элементарную задачу при помощи JS удается за несколько минут. Сам - ЯП обладает понятным синтаксисом, который не требует углубленного изучения.
- Скорость работы. JS может сделать итоговое приложение более быстрым и удобным.
- Производительность.
- Комфортность использования пользовательских интерфейсов.
- Наличие собственной мощной экосистемы (инфраструктуры). Особо заметно в последние годы. Пример – появление огромного количества полезных фреймворков, которые подойдут для любого случая.
3 367
Привет! Сегодня задача:
Известен рост трёх человек:
А - 159
B - 130
С - 214
Определить, одинаков ли их рост.
3 367
Топ-10 базовых команд Linux для программиста
1. ls
Команда ls выводит содержимое каталога. Эта команда полезна для быстрого поиска файлов и каталогов в вашем текущем рабочем каталоге.
2. cd
Команда cd используется для смены каталогов. Используйте эту команду для быстрого перемещения по вашей файловой системе.
3. mkdir
Команда mkdir создает новый каталог. Вы можете создать новый каталог, набрав «mkdir имя-каталога».
4. touch
Команда touch создает новый файл. Вы можете создать новый файл, набрав «touch file-name».
5. cp
Команда cp копирует файлы или каталоги. Вы можете скопировать файл, набрав «cp исходный файл файл назначения».
6. mv
Команда mv перемещает или переименовывает файлы или каталоги. Вы можете переместить файл, набрав «mv исходный файл, файл назначения».
7. rm
Команда rm удаляет файлы или каталоги. Вы можете удалить файл, набрав «rm имя-файла».
8. grep
Команда grep ищет шаблон в файле. Вы можете найти шаблон, набрав «имя файла шаблона grep».
9. tar
Команда tar создает сжатый архив файлов и каталогов. Вы можете создать архив, набрав «tar -cvzf имя-архива.tar.gz имя-файла-или-каталога».
10. ssh
Команда ssh используется для входа на удаленный сервер. Вы можете войти на сервер, набрав «ssh username@server-ip».
Эти команды - лишь верхушка айсберга. Больше вы сможете узнать в нашем телеграм, ссылка в комментариях!
3 367
Пора верстать!
Название: «Мир ковролина»
Сложность: #intermediate
Формат: #figma
Тип макета: #mobile #desktop
Ссылка: https://www.figma.com/file/Dx2CLKoqOlkZgW9H1kYCBl
3 367
Хай! Давайте сделаем "Поиск исторических событий "
Этот поиск должен выводить все события за определённый год.
Вёрстка:
<div id="parent">
<input id="input" placeholder="введите год и нажмите Enter">
<table id="table"></table>
</div>
* {
box-sizing: border-box;
}
#parent {
margin: 0 auto;
width: 600px;
}
#input {
width: 100%;
margin-bottom: 10px;
padding: 10px;
}
#table {
width: 100%;
}
#table td {
padding: 10px;
text-align: center;
border: 1px solid black;
}
3 367
Советы для работы из дома)
1. Создайте комфортное рабочее пространство: обустройте отдельный уголок или комнату, где вы можете работать спокойно и без отвлечений. Обеспечьте хороший свет и удобное рабочее кресло.
2. Разработайте расписание и придерживайтесь его: определите часы, когда вы будете работать, и старайтесь следовать этому расписанию каждый день. Обязательно включите в расписание перерывы на обед, отдых и занятия спортом.
3. Задавайте себе реалистичные цели: определите на каждый день конкретные задачи, которые необходимо выполнить. Таким образом, вы будете точно знать, что вам нужно сделать, и сможете лучше организовать свое время.
4. Используйте технологии для повышения производительности: воспользуйтесь специальными инструментами и программами, которые помогут вам организовать свою работу, отслеживать выполнение задач и коммуницировать с коллегами.
5. Общайтесь с коллегами и руководителем: регулярно держите их в курсе своих успехов, задавайте вопросы и делитесь идеями. Вам может потребоваться больше самодисциплины, чтобы не чувствовать себя изолированными и сохранять продуктивность.
6. Ограничьте отвлекающие факторы: закройте все ненужные вкладки в браузере, отключите уведомления в мессенджерах и соцсетях, выключите телевизор и другие источники шума.
7. Не забывайте о развитии своих навыков: уделяйте время самообразованию и профессиональному развитию, посещайте вебинары, читайте статьи, участвуйте в онлайн-конференциях.
8. Заботьтесь о своем здоровье: не пренебрегайте своим физическим и психическим здоровьем. Регулярно занимайтесь спортом, делайте перерывы на прогулки, соблюдайте правильное питание и режим сна.
9. Не работайте в одежде для сна или домашней одежде: надевайте обычную одежду, в которой вы обычно работаете в офисе. Это поможет вам включиться в рабочий режим и поддерживать профессионализм.
10. Не забывайте об отдыхе и балансе между работой и личной жизнью: соблазн работать круглосуточно может быть сильным, но это может привести к снижению продуктивности и выгоранию. Устанавливайте границы между работой и домом и уделяйте время своим хобби, семье и друзьям.
3 367
М. Фаулер – Рефакторинг кода на JavaScript
Без качественного рефакторинга сложно себе представить работоспособный и растущий проект. В этом труде описано более 50 способов отрефакторить код с практическими примерами. Работы Мартина Фаулера пользуется популярностью и данная книга не исключение.
Ссылка: http://kodaktor.ru:9876/td/Фаулер%20М.%20-%20Рефакторинг%20кода%20на%20JavaScript%20-%202019.pdf
3 367
Есть вещи, которые стоит знать для упрощения жизни.
- Можно переназначать значение сколько угодно раз - старое стирается, новое записывается;
- Можно задать значение через другую переменную. Пример:
let user = “Igor”;
let man = user;
- Повторное объявление переменной вызывает ошибку;
- Имя переменной - буквы, цифры, символы $ и _;
- Регистр имени - имеет значение;
- Есть зарезервированные имена, такие как: let, class, return и др.;
- Без use strict можно создать переменную без let, но так не надо.
3 367
2 часа искал ошибку в коде - оказалась точка с запятой. Получил выгорание.
@Разработчик
3 367
Название: «Maral Realty»
Сложность: #junior
Формат: #figma
Тип макета: #mobile #desktop
Cсылка: https://www.figma.com/file/whV9lA92IiJlM1Tx0rzLYu
3 367
Твоя задача на сегодня:
Наша функция partial позволяет фиксировать только первые аргументы. Усовершенствуй ее, чтобы зафиксировать можно было любые аргументы, пропущенные аргументы обозначаются с помощью undefined:
function test(a, b, c) { return 'a=' + a + ',b=' + b + ',c=' + c; }
var test1_3 = partialAny(test, 1, undefined, 3);
console.log(test1_3(5)); // a=1,b=5,c=3
Чтобы избежать путаницы, пусть новая функция называется partialAny
3 367
Не нужно изучать всё досконально
Невозможно изучить язык программирования полностью, а тем более все сразу.
Даже запомнить названия существующих библиотек и структур невозможно, что уж говорить про шаблоны решения проблем.
Это то, о чём вам просто не стоит беспокоиться: сосредоточьтесь на чем-то одном и постарайтесь изучать это до тех пор, пока вы сами не почувствуете, что этого достаточно.
Качество важнее количества.
3 367
1. Какое будет выведено значение: let x = 5; console.log(x++); ?
2. Что выведет этот код: let y = 1; let x = y = 2; alert(x);
3. Что выведет этот код: alert( "1"[0] )?
Ответы:
1. 5
2. 2
3. 1
3 367
Хай! Сегодня у нас задача сделать старую игру "Города"
Существует игра в города. Ее правила: в города играют двое и более человек, в которой каждый участник в свою очередь называет реально существующий город любой страны, название которого начинается на ту букву, которой оканчивается название предыдущего участника.
Давайте реализуем эту игру. Пусть играют два человека за одним компьютером. Ходят по очереди. Города вводятся в один инпут и отправляются по нажатию клавиши Enter. Браузер должен запоминать города, которые уже были, и не принимать такие города.
3 367
Пора правильно питаться и делать сайт)
Жанр: сайт для здоровой еды
Формат: #figma
Ссылка: https://www.figma.com/file/DmIkAGpRNjIg7EqJRXQV4I/Healthy-food?node-id=0%3A1
