​​Прослушано 
#книги #аудиокниги

Как работать 4 часа в неделю 
Автор: Тимоти Феррис 

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

Но я купил книгу и… забыл про неё, представляете. Просто пошел слушать другие книги, а эта книга совсем вывалилась из головы. Недавно мой друг рассказывал как ему понравилась книга и он советует ее прочитать. Это книга «как работать 4 часа в неделю»

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

Книга от американца для американцев, но мир в последнее время стёр границы (ха-ха, до недавнего времени так и было), и поэтому все страны стали похожи друг на друга. 

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

Первую часть книги я слушал очень внимательно и исписал все свои заметки. А вторая часть была не так интересна, потому что многое из этого я уже итак применяю в жизни. 

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

Книгу слушал через приложение Литрес. Не искал в storytel, наверное там её нет.

​​Как новичку наполнить портфолио, если не делал реальных проектов

Чтобы меня взяли на работу, нужен опыт и портфолио, чтобы сделать портфолио, мне нужно выполнить работу. Замкнутый круг, не так ли? Не совсем. 

Портфолио формируется, когда вы делаете какие-то проекты: за оплату или без. Значит в портфолио можно положить любой проект, который вы сделали своими руками, у вас есть на него права и это показывает ваш профессионализм. Но как такое как такое портфолио сделать? 

Учебные проекты
Самая слабая часть портфолио, но самая эффективная в начале — это учебные проекты. Допустим, вы учитесь создавать сайты на Wordpress и проходите какой-то онлайн-курс. На этом курсе вы сделали сайт и теперь можете положить его в свое портфолио. Но тут есть нюанс: эта работа лежит в портфолио еще у нескольких человек и выглядит это довольно странно. Ну и всё-таки это учебный проект, который вы делали по инструкции, там мало конкретно вашего труда. 

Проекты за отзыв
То, что сразу приходит в голову новичку: «а сделаю-ка я сайт для своего друга/знакомого/родственника, а он мне оставит отзыв о работе». Я не люблю такие затеи, они часто заканчиваются ничем, но попробовать можно и тогда проект, который получится в итоге будет выглядеть сильнее, чем просто учебный макет. 

Искусственные работы
Еще один вариант заполнить портфолио — это сделать проект, который на самом деле никто у вас не заказывал, но вы его сделали своими руками. Например, вы нашли в интернете бесплатный дизайн-макет сайта и написали код по этому макету, сверстав этот сайт и выложив к себе на хостинг. 

Такие работы можно использовать для тренировки, чтобы отточить навык. Положить в портфолио тоже можно. 

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

Если ему не понравится или покупать он откажется, вы положите работу в портфолио как концепт. Хорошая схема для новичков, потому что можно не только закрепить навык, скажем, вёрстки, но и навык общения с реальным заказчиком. 

Реальный проект
Последнее и самое лучшее, что можно придумать. Это найти заказчика. Да, сложно, да, страшно, аж ладони потеют, но это самый эффективный способ перестать прокрастинировать и буксовать. Займитесь делом и портфолио заполниться само. 

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

Портфолио ещё нужно упаковать и красиво подать. Закрыть все возражения будущих заказчиков, объяснить в чем заключалась ваша работа и т.д. После просмотра вашего портфолио заказчик должен захотеть с вами работать. Так упаковать портфолио получается не всегда даже у опытных фрилансеров. 

Обо всем этом расскажу отдельно 👌

​​Прослушано
#книги #аудиокниги

Восемь правил эффективности: умнее, быстрее, лучше. Секреты продуктивности в жизни и бизнесе.
Автор: Чарлз Дахигг

Длиннющее название. Книгу я решил прочитать после первой книги автора про привычки. Мне понравился стиль изложения, но знаете что?

Я не вынес из книги ничего. Прочитайте эту фразу, пожалуйста, правильно. Не "в книге нет ничего полезного", а "я не вынес ничего полезного".

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

Впечатление хорошее от книги, но поделиться чем-то ценным не могу. Заметки после этой книги остались пустыми 🤷‍♂️

​​18 инструментов для веб дизайнера 

Среди моих подписчиков есть веб дизайнеры. Еще есть верстальщики, которым тоже это может быть полезно. Погнали. 

👉 Craft от InVision LABS — бесплатный набор инструментов для Sketch и Photoshop, которые позволяют создавать дизайны на реальных данных.
​👉 Pexels 2.0 — большая подборка бесплатных стоковых фотографий, которая пополняется ежедневно.
👉 UX Timeline — посмотрите, как эволюционировали некоторые из лучших на сегодняшний день компаний.
👉 Coolors — минималистичный сайт, с помощью которого можно быстро сгенерировать красивые цветовые схемы.
👉 Weld Websites — ресурс, на котором вы можете бесплатно создать веб-сайт с любым дизайном и для любого устройства.
👉 Easel.ly — один из лучших инструментов для создания инфографики, которым очень легко пользоваться.
👉 UX Myths — справочник с частыми мифами по UX-дизайну. Разрушает домыслы и помогает переосмыслить свое видение интерфейса. Правда, на английском языке. 
‌👉 FreePik — ресурс с большим количеством бесплатных изображений, иконок и других графических материалов, которые вы можете использовать в своих проектах.
👉 Noun Project для Mac — инструмент для создания визуального языка иконок, понятного каждому.
👉 Lucidpress — интуитивно понятный в использовании инструмент, с помощью которого вы легко можете создать разнообразный печатный или цифровой визуальный контент.
👉 Pezi— инструмент для создания красивых презентаций. Презентации получаются просто крышесносные. 
👉 UX Check — простые эвристические оценки вашего веб сайта (расширение для Chrome).
👉 Resizer — интерактивный просмотрщик, которые помогает дизайнерам тестировать контрольные точки material design на десктопе, мобильных устройствах и планшетах.
👉 Animatron — здесь можно создавать небольшие мультфильмы, анимированные баннеры и инфографики без написания кода (в том числе и для мобильных браузеров), и публиковать их в сети.
👉 Webydo — цельная платформа для профессионального веб-дизайна, без необходимости кодить что-либо вручную.
👉 InVision — самая популярная платформа для прототипирования, коллаборации и организации рабочего процесса.
👉 UX Project Checklist — чек-лист для проверки UX-составляющей проекта перед сдачей. 27 пунктов с описанием и ссылкой на подробное объясение.
👉 Good UI — коллекция умных и интересных паттернов и идей для дизайнеров UI и UX. Постоянно пополняется.

Как покупать книги за полцены

Поделюсь небольшим лайфхаком, который, кстати, действует не только на книги. Перед любой покупкой в онлайн-магазине введите в поиске: "промо-код название_магазина" — это позволит найти промо-коды на 10, 20 или даже 50% скидки.

Таким образом можно покупать софт, фильмы, книги, курсы и т.д. с существенной скидкой.

P.S. Вы скажите, что книги можно достать бесплатно. Я скажу, что избегаю пиратства.

​​Самое полезное в канале

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

👉Как фрилансеру получать пассивный доход и сколько получал я год назад

👉Какой софт я использую в работе и жизни

👉10 принципов нормального фрилансера

👉Шаблон договора для фрилансера

👉Кое-что про налоги и твою зарплату

👉Куда принимать деньги от клиентов

👉Дополнительный кэш для фрилансера

👉Учи своих клиентов

👉Форматы оплаты заказов (схема)

👉Нельзя научить, но можно научиться

👉Золотое правило: правила создает тот у кого золото

👉Можно ли делать сайты на конструкторе

👉Где брать дизайн верстальщику

👉Сколько работ в портфолио должно быть

👉Как побороть страх первого заказа

👉Мой ТОП книг по финансовой грамотности

👉Список фриланс-бирж

👉Что делать, чтобы заказчик не кинул на деньги

👉Если я сорвал сроки

👉Как писать "В мире клиента"

👉Моя разминка для глаз

👉Как продавать работу дорого

👉Как ставить цену за свои услуги

👉Как показывать свое портфолио

👉Как откликнуться на заказ, чтобы тебя выбрали

👉Нужен ли английский разработчику

👉Где найти наставника

👉Как раскрутить свое имя

👉Физлицо, ИП или самозанятость

👉Как отличаться от конкурентов

👉Платежные системы для фрилансера

👉Как составить резюме

👉Подборка книг для фрилансера

👉Какие налоги платить фрилансеру

👉Где искать клиентов — большая схема 🔥

Впереди еще много полезного. Подпишитесь и ставьте уведомления, я приготовил много всего.

Заметка со смартфона.

Сейчас много онлайн-тренингов, коучингов, курсов, вебинаров, марафонов и так далее. 

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

Давайте прикинем, что нужно инфобизнесменам: 
— Презентации
— Вебинарные команды 
— Лендинги
— Email письма для рассылок 
— Контент для социальных сетей 
— Кураторы, помощники и т.д. 

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

Если вы знаете, как прикрутить ютуб-плеер на HTML странице и прикрутить к ней комментарии, вы уже полезны для 90% инфобизнесменов, которые этого сделать не могут. 

Я уже молчу про сайты с курсами. Вы можете загуглить что такое «LMS Wordpress» и узнать, что можно сделать сайт с курсами на готовом шаблоне за 40-50$ по себестоимости.

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

Если коротко, в чем суть. Когда заказчик принимает у вас верстку, он делает скриншот, ставит там стрелочки и пишет «вот тут кнопка съехала» или что-то в этом духе. 

Этого можно избежать, если у вас и у него в хроме будет стоять расширение frontosaur. На русский лад читается как фронтозавр. Там заказчик может прямо на сайте поставить отметку и написать комментарий мол «добавьте в этот слайдер другие фотографии», вы заходите на этот же сайт, включаете фронтозавр и видите эти комментарии, оставленные для вас заказчиком. 

Удобно, пипец. Если вы занимаетесь с наставником, он точно также может давать обратку по вашему сайту. 

Ссылка вот: frontosaur.com 

P.S. Это не реклама. Если вы — разработчик фронтозавра, занесите мне денег за рекламу 😄

​​7 вещей, о которых я бы очень хотел знать, когда только начинал фрилансить

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

2. Вкладывай деньги в рекламу, а не в чипсы. Это стоит отдельно выделить, потому что я долгое время буксовал на заказах в 5-6 тысяч рублей, вместо того, чтобы вложить деньги в рекламу и начать делать заказы по 50-60 тысяч рублей. Пробуй разные источники рекламы, постоянно тестируй, не останавливайся, а только набирай обороты. Вместо покупок, которые принесут маленькое удовольствие сейчас — купи рекламу, это принесет больше удовольствия, но потом.

3. Ищи клиентов-звёзд. Сделай что-нибудь для известного человека, чтобы получить его отзыв. Можешь сделать даже бесплатно, самое главное, получить его отзыв и дальше можно будет рекламироваться на аудиторию этого известного человека.

4. Нанимай людей. Даже если ты фрилансер — работай в команде, ты не можешь знать всё на 100%, обязательно есть тот человек, который может сделать это лучше тебя. Ты потратишь деньги, но сэкономишь время, которое можешь потратить на поиск новых заказов.

5. Отдай упаковку портфолио другому фрилансеру. Да-да, пусть это сделает другой, потому что сам ты можешь застрять на этом процессе надолго. Потратишь время, переделывая оформление, которое тебе не нравится. Сапожник без сапог, слышал? Не просто так говорят. Найди другого «сапожника», чтобы он сделал тебе нормальные «сапоги»

6. Ставь везде свои «метки». Сделал сайт — оставь ссылку на себя внизу. Сделал плакат — подпиши его. Именно оттуда будут приходить самые «жирные» клиенты.

7. Ищи источники пассивного дохода в своей теме. Если ты сегодня перестанешь работать, как долго ты сможешь прожить? Веди страницу в инстаграм, продавай там рекламу, ищи партнерские программы, с которых будет капать копеечка и т.д. Твой пассивный доход должен покрывать твои среднемесячные расходы. Тогда ты не будешь судорожно искать новый заказ из-за того, что кончаются деньги.

Сохрани себе, распечатай на стену, если ты начинающий фрилансер. Я специально пришел из будущего, чтобы рассказать тебе об этом, бро.
_______________

Гиперссылка

Link-Host — дешевый хостинг с отзывчивой техподдержкой. Размещайте сайты от 60 рублей. Можно стать реселлером и зарабатывать на хостинге своих клиентов.

Вчера в инстаграм отвечал на вопросы подписчиков и выложил вот такое видео. Это презентация одного проекта, который я делал. Мне личку засыпали вопросами, как такое сделать, мол выглядит дорого.

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

Вы умеете делать такие штуки?

​​Как считать цену за работу

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

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

Вы можете переделать таблицу под себя и оценивать свои проекты по измененной таблице, для этого нажмите в меню Файл > Создать копию. Затем переименуйте документ под себя и сохраните на своем Google диске.

Разбейте свою работу на составные части. Посчитайте, сколько стоит отдельная часть работы. Затем просуммируйте все этапы и получите конечную цену за проект.

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

Надеюсь, будет полезно.
Успехов вам.

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

CSS шпаргалки
CSS Vocabulary Cheatsheet (apps.workflower.fi) ссылка
The Complete CSS Cheatsheet (websitesetup.org) ссылка →
The CSS3 Cheatsheet (smashingmagazine.com) ссылка →
Responsive Web Design Cheatsheet (uxpin.com) ссылка →
CSS Media Queries Cheatsheet (mac-blog.org.ua) ссылка →
CSS Animation Cheatsheet (justinaguilar.com) ссылка →
The Ultimate Flexbox Cheatsheet (sketchingwithcss.com) ссылка →

HTML шпаргалки
HTML Vocabulary Cheatsheet (apps.workflower.fi) ссылка →
The Mega HTML5 Cheatsheet (makeawebsitehub.com) ссылка →
The HTML Elements Index (meiert.com) ссылка →
HTML5 Canvas Cheatsheet (simon.html5.org) ссылка →

JavaScript и jQuery шпаргалки
JavaScript Cheatsheet (overapi.com) ссылка →
jQuery Cheatsheet (overapi.com) ссылка →
jQuery Quick API Reference (oscarotero.com) ссылка →

PHP шпаргалки
The PHP Cheatsheet (overapi.com) ссылка →
PHP Cheatsheets (phpcheatsheets.com) ссылка →

Markdown шпаргалки
Markdown Cheasheet (code.ahren.org) ссылка →
Markdown Here Cheatsheet (github.com) ссылка →

Bootstrap Framework шпаргалки
Bootstrap 4 Cheatsheet (hackerthemes.com) ссылка →
Bootstrap 3 Cheatsheet (creativealive.com) ссылка →
Glyphicons Cheatsheet (glyphicons.bootstrapcheatsheets.com) ссылка →

Drupal шпаргалки
Drupal Console Cheat Sheet ссылка →
Drupal 7 database Cheat Sheet ссылка →
Drupal 8 Entity Cheat Sheet ссылка →
Drupal 7 Theming Cheat Sheet ссылка →
Drupal Core API Cheat Sheet ссылка →
Drupal Cheat Sheet Desktop Wallpaper ссылка →
Drupal 7 to Drupal 8: The Cheat Sheet ссылка →

WordPress шпаргалки
Copy/Paste WordPress Cheatsheet (buildyourownblog.net) ссылка →
The Ultimate WordPress Development Cheatsheet (wefixyourwp.com) ссылка →

Git шпаргалки
Git Cheatsheet (overapi.com) ссылка →
Git Pretty (justinhileman.info) ссылка →

Шпаргалки web-шрифтов и типографики
Compatibility Tables for Default Local Fonts (fontfamily.io) ссылка →
Google Font Cheatsheet (ricostacruz.com) ссылка →
Font Awesome Cheatsheet (fontawesome.io/cheatsheet) ссылка →
The Anatomy of Type Cheatsheet (speckyboy.com) ссылка →
The Periodic Table of Typefaces Cheatsheet (squidspot.com) ссылка →

Шпаргалки по горячим клавишам редакторов кода
Sublime Text Cheatsheet (speckyboy.com) ссылка →
Sublime Text Cheatsheet Plugin (github.com) ссылка →
Commonly Used Sublime Text Commands (csnipp.com) ссылка →
Atom Editor Cheatsheet (cloudfront.net) ссылка →
Atom Editor Keyboard Shortcut Cheatsheet (blog.bugsnag.com) ссылка →
Vim Cheatsheet (vim.rtorr.com) ссылка →
Notepad++ Cheatsheet (drive.google.com) ссылка →

Разные шпаргалки
The Web Developer’s SEO Cheatsheet (moz.com) ссылка →
MySQL Command Line Cheatsheet (github.com) ссылка →
htaccess Cheatsheet (htaccesscheatsheet.com) ссылка →
The Foundation Framework Cheatsheet (sudheerdev.github.io) ссылка →
The Color Theory Cheatsheet (paper-leaf.com) ссылка →
The Screen Resolution Cheatsheet (design215.com) ссылка →

​​Если на сайт нужно вставить лица людей, но вы не хотите нарушить авторское право…

Возьмите лица людей, которые никогда не существовали. Их генерирует нейросеть. Вот адрес сайта: https://thispersondoesnotexist.com/ 

Честно, признаюсь, когда задумался об этом, стало жутковато от того, насколько реалистичные получаются фото. Но потом я забил и просто стал пользоваться, это удобно.

Удалось выбраться из дома. Попали на закрытый пляж. Да, мы все ещё в Таиланде. Все ещё закрыты границы.

​​800 часов практики

Чтобы перестать чувствовать себя новичком. Чтобы научиться чему-то в достаточной степени для работы. Чтобы наполнить портфолио, быть уверенным в своих силах, нужно 800 часов практики. 

Что считается практикой? Для разработчиков все просто: когда ты пишешь код — это практика. Когда ты смотришь видеоурок — это теория. Когда ты делаешь проект, продумываешь его логику — это практика. Когда читаешь книгу — теория. 

Если вы реально практикуетесь, то через 800 часов у вас будет портфолио, опыт, понимание, уверенность. Все то, что вам пригодится на собеседовании. 

И когда у меня спрашивают: «если я буду заниматься по 2 часа в день, сколько мне потребуется времени, чтобы освоить навык», я отвечаю: «поделите 800 на 2 и выясните сколько дней вы будете идти к результату»

Чтобы вы понимали, вам потребуется 400 дней по 2 часа в день. Это больше года. Можно ли сократить количество дней? Легко. Уделяйте практике как можно больше времени каждый день. Итого, вам потребуется чуть больше 3 месяцев, если вы будете практиковаться полный рабочий день по 8 часов. 

Понятное дело, что обычно в рабочем дне много «мусорных» действий и чистого времени практики меньше. Но не давайте себе поблажек. Засекайте только чистое время практики. Уберите из этого времени перерывы на кофе, тупняки и сериалы. 

Важно, конечно, еще и то, над какими проектами вы работаете, когда практикуетесь. Могу об этом рассказать. Еще могу рассказать про то, как засекать легко рабочее время и проводить его продуктивно — это помодоро.

Голосуйте, о чем будет следующий пост: 
👨‍💻 — где брать проекты для практики
🍅 — как распределять свое рабочее время

​​Где брать проекты для практики

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

Проекты из интернета
Допустим, верстальщик может найти в интернете дизайн-макеты для верстки. Или например в нашем сообществе @glo_academy мы периодически выкладываем такие макеты для практики. Хоть это и самое банальное, что можно придумать — это хороший вариант для первоначальной практики. 

Делайте ремейки
Уже писал об этом. Если вы дизайнер, найдите сайт с плохим дизайном и сделайте из него конфетку, потом сможете добавить это к себе в портфолио. Если вы JavaScript разработчик попробуйте скопировать какой-то сервис и добавить ему новых фич. 

Например, есть сайт РЖД с покупкой билетов на поезд. Сделайте аналог этого проекта, чтобы в вашем веб приложении можно было выбрать место в вагоне или галочкой отметить, что нужен завтрак 

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

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

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

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

🎁 — задания для дизайнеров 
💻 — задания для разработчиков

​​Примеры проектов для практики

В одном из прошлых постов вы попросили, чтобы я накидал примеров для практики, если вы разработчик-фрилансер. Итак, поехали 

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

Калькулятор
Я сейчас не про тот калькулятор, который складывает и умножает циферки. Я про такие калькуляторы, знаете, например на сайте по ремонту квартир такой можно встретить. Там можно выбрать цвет стен, вид обоев, плинтуса, кухонный гарнитур и в конце расчетов увидеть стоимость 

Таймер
Довольно банальный пример, но его можно интересно завернуть и сделать полноценный инструмент. Есть такая техника тайм-менеджмента «помодоро», там рабочие промежутки по 25 минут и отдых по 5 минут. Можно сделать такой сервис и им будут пользоваться люди. Вот хороший пример: tomato-timer.com 

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

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

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

Онлайн-банк
Вот это почти никто не делает. Найдите в интернете или нарисуйте сами дизайн-макет личного кабинета онлайн-банка. Например, можете сделать аналог Тинькофф или Сбера. В личном кабинете есть карты, вклады, страховка, личные данные и так далее. Если в вашем портфолио будет такой проект, это выделит вас из кучи других соискателей. 

Надеюсь был полезен. 
Отметьте лайком, если да.

Несколько людей написали, что не хватило примеров в посте выше ☝️ Я посидел, поискал, нашел за вас, мои ленивенькие.

Про сериал. Не нашел про фильмы, нашел получше — сервис онлайн-музыки, типа iTunes. Вот этот туда же

Калькулятор.
Есть вот такой простецкий, это кусочек сайта по бронированию отелей. Это не так интересно, но все равно. А вообще я имел в виду вот такие штуки, прокрутите, потыкайте. Или вот такой калькулятор.

Про личные кабинеты в онлайн-банке — вот хороший макет. А вот это вообще пушка. Закопаетесь в работу на недельки две-три.

Всё это можно найти самостоятельно, если искать. Я показал примеры. Теперь, надеюсь, точно полезно.

​​Как брать за свои услуги больше денег? 

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

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

Углубляться в профессию. 
Еще говорят развиваться надо «вглубь». То есть изучать свою узкую профессию так, чтобы стать профи. Прокаченные специалисты и редкие кадры получают больше денег, с этим я согласен. Это путь самурая, долгий, интересный и кропотливый. 

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

Узким спецам платят большие деньги, их переманивают в другие компании и такие долго не сидят без работы. Есть и свои риски, например, если профессия канула в лету и её больше нет.

Лучше не погружаться в глубь, а просто нишеваться. Я писал об этом как-то.

Расширять навыки
Или по-другому развиваться «вширь». То есть изучать не только свою узкую тему, но и смежные. Например, если вы освоили веб дизайн, можете переходить в верстке и продвижению сайтов. Так вы сможете брать более крупные заказы.

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

Прокачивать Soft Skills 
Про этот пункт вообще многие забывают. Начинающие разработчики скорее начнут учить новый фреймворк, нежели обратят внимания на маркетинг, продажи, копирайтинг или деловую переписку. 

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

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

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

Поэтому если вы ему напишите: «я сделаю ваш сайт на реакте, я недавно его выучил», он скажет «и что?». А вот если скажете «я сделаю вам сайт на реакте, так мы закончим проект за неделю, а не за две», это уже совершенно другой расклад для заказчика. 

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

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