Pull to refresh
3.2
Karma
0
Rating
Зюзин Виталий @juwain

Пользователь

  • Followers 14
  • Following 22
  • Posts
  • Comments

Как получать 100 тысяч за код. Полное руководство для начинающих

Website development *Studying in IT IT career
Tutorial

Сохраните в закладки сейчас, скажите спасибо через год. В конце каждого этапа — ссылки для внеклассного чтения.


Что нужно знать, чтобы получать зарплату 100 тысяч

1. Познакомьтесь с веб-разработкой


Ситуация на 1 этапе

Продолжительность этапа: 1 месяц.


Что изучить на этом этапе.


  1. Структуру HTML.
  2. Отличия фронтенда и бэкенда.
  3. Разметку и оформление текста.
  4. Как размечать страницу по макету.
  5. Как ставить ссылки и вставлять изображения.
  6. Основы CSS — правила, селекторы, свойства и каскадирование.
  7. Хотя бы немного понимать, как работает и где применяется JavaScript.

Сначала будет много непонятных слов, аббревиатур и голова пойдёт кругом. В одном JavaScript десятка три направлений, поэтому нужно понять, ваше ли это вообще. Смотрите видео на Ютюбе или тренируйтесь на интерактивных курсах. Другой вариант — по учебникам, но с ними сложнее всего. Электронные пока держатся, а вот бумажные устарели ещё до публикации.


Ещё 7 шагов
Total votes 52: ↑30 and ↓22 +8
Views 41K
Comments 91

Дизайн мышление для стартапа

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

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

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

Итак, что же это такое – дизайн мышление?

Дальше интереснее
Total votes 28: ↑20 and ↓8 +12
Views 5.5K
Comments 9

Оригинальный CheatSheet HotKeys для Photoshop

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



UPD: спасибо Injected за вариант без градиента.
Total votes 50: ↑43 and ↓7 +36
Views 1.8K
Comments 28

HTML5 и события сервера (обновлено)

Lumber room
Помимо уже упомянутого мною двунаправленного коммуникационного канала известного как WebSocket, HTML5 включаетв себя также сервер-push технологию Server-Sent Events (SSE). В то время как WebSocket широко обсуждается, доступно множество реализаций серверов WebSocket, технология уже почти в полном объеме доступна в браузере Google Chrome, SSE, по большей части остаются в тени.

Мы привыкли что HTTP ограничен моделью запрос-ответ, что значит: клиент посылает запрос HTTP и ожидает на него HTTP-ответ. По сути, сервер не может сообщить что-либо клиенту до тех пор пока клиент его его «не попросит». Даже для такой тривиальной вещи как онлайн статус пользователя, нам надо прибегать к различным уловкам. Ну вы знаете – неугомонная изобретательность энтузиастов породила множество таких решений, на что есть собирательное имя Comet. Впрочем, цитируя экспертов: «Comet есть не что иное как гигантский хак». Похоже, HTML 5 призван обогатить нас нативными возможностями, на смену ныне используемому Comet. В случе SSE, HTML5 предоставляет API для открытия специального HTTP соединения для принятия уведомлений со стороны сервера. Взгляните, на то какой простой интерфейс
Читать дальше →
Total votes 19: ↑18 and ↓1 +17
Views 1.1K
Comments 16

Финляндия

IT-emigration
Продолжим тему жизни по ту сторону границы небольшим рассказом о Финляндии (пока не опередили :) ). Живу в Финляндии уже семь лет, прошёл университет и аспирантуру, имею достаточно полное представление о повседневной жизни и немного менее полное представление (в основном через опыт друзей) о карьерных возможностях.
Читать дальше →
Total votes 155: ↑138 and ↓17 +121
Views 3K
Comments 128

И ещё немного о input file

Lumber room
Вопрос о стилизации <input type=«file» /> настолько стар, что наверное только ленивый не пробовал собственную реализацию этого, несомненно, важного в web дизайне элемента.
Однако, в большинстве своём, решения очень не однозначны и зачастую предлагают примерно следующие варианты:
  • Наложить файл инпут поверх картинки и сделать его прозрачным.
  • Использовать flash.
При этом, в первом случае, чтобы всё работало относительно одинаково во всех браузерах, предлагается «спорные области» — те что в одном браузере являются активными для нажатия, а в другом неактивными — закрыть, например, наложив сверху <div></div>. Стоит ещё добавить, что тут же используется значительное количество css со всяческими отрицательными отступами и float`ами.
А во втором случае мы имеем ряд не удобств связанные с активацией flash элементов (например в IE), а лично у меня (и думаю у всех, кто в ФФ использует Add Block Plus дополнение) кнопочка block совсем не красит флешевый инпут файл.

Читать дальше →
Total votes 18: ↑17 and ↓1 +16
Views 788
Comments 22

Боб Парсонс (основатель GoDaddy.com): 16 правил успеха в работе и жизни

Lumber room
Translation
Всему миру известен проект GoDaddy.com. Его любят, ненавидят или просто пользуются. Проект очень успешный: с 2001 года он даёт прибыль и считается самым крупным игроком на рынке регистрации доменных имён и хостинга. Единственный основатель — Боб Парсонс. Мне очень понравились его правила для работы и жизни, так что я инициировал их перевод.

Наслаждайтесь!
Total votes 109: ↑67 and ↓42 +25
Views 567
Comments 37

Коллекции иконок? Легко! Тысячи иконок в сетах.

Design
В продолжении поста "Ресурсы по поиску качественных иконок" представляю свою коллекцию сайтов, на которых вы найдёте очень(!) много качественных наборов иконок. Все сайты проверены руками, следовательно открываются и скачиваются легко.
Читать дальше →
Total votes 159: ↑135.5 and ↓23.5 +112
Views 22K
Comments 36

Новые поисковые операторы в gmail

Cloud services
Я никогда не упирался в лимит свободного почтового места в gmail, пока не стал форвардить рабочую почту в персональный аккаунт. Могу допустить, что вы и без рабочих вложений достигли 10гб лимита и отчаянно вылавливаете старые письма с большими и ненужными вложениями от всяких рекламных рассылок и анонсов. 
Более хитрые пользователи использовали специально заточенные под это сервисы, кто-то перелопачивал письма вручную, но теперь для этого (и не только) появились новые поисковые операторы…
Читать дальше →
Total votes 85: ↑82 and ↓3 +79
Views 23K
Comments 24

50 цитат о программировании всех времён

Programming *
Translation
Перевёл после прочтения комментариев к статье «О ненависти к C++». В цитатах можно найти ответы на большинство возникших там вопросов.

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

49. Lisp — это не язык, а строительный материал.
— Alan Kay

48. Ходить по воде и разрабатывать программы, следуя спецификации, очень просто… если они заморожены.
— Edward V Berard
Читать дальше →
Total votes 344: ↑336 and ↓8 +328
Views 141K
Comments 136

CSS-маски для hover-эффекта

Website development *CSS *
Tutorial


На многих сайтах-портфолио работы представлены в виде небольших картинок-миниатюр с приятными hover-эффектами. В этой статье будет рассказано о способе сделать такой эффект, используя CSS-маски. Работает только в современных браузерах, но к счастью и в старых верстка выглядит корректно и не съезжает.
Читать дальше →
Total votes 58: ↑54 and ↓4 +50
Views 63K
Comments 11

Лёгкий сайт или как посадить браузер на диету

Website development *Client optimization *HTML *
Translation

А что если объединить профессионалов, работавших над крупными web проектами, чтобы создать исчерпывающее руководство по оптимизации front-end разработки?
И получить в результате не скучную инструкцию, а что то поинтереснее? А если позвать Briza Bueno (Americanas.com), Davidson Fellipe (Globo.com), Giovanni Keppelen (ex-Peixe Urbano), Jaydson Gomes (Terra), Marcel Duran (Twitter), Mike Taylor (Opera), Renato Mangini (Google), и Sérgio Lopes (Caelum) чтобы собрать лучшие практики?

Именно это мы и сделали! Мы научим вас создавать быстрые сайты.

Zeno Rocha, руководитель проекта.


Читать дальше →
Total votes 193: ↑179 and ↓14 +165
Views 142K
Comments 80

Руководство по форматированию CSS

Website development *CSS *HTML *
Translation
По мере того как мы подводим итоги недавнего опроса по сортировке CSS свойств у нас появляется более серьезные вопросы о стиле форматирования CSS. Сортировка свойств это всего лишь один шаг на вашем пути к завершенной стратегии форматирования стилей. Название класса — это часть стратегии. Распределение — часть стратегии. Комментарии, отступы, структура файла… все это формирует руководство по форматированию CSS.

Давайте рассмотрим существующие практики форматирования.
Читать дальше →
Total votes 52: ↑47 and ↓5 +42
Views 12K
Comments 44

Психологический тест для оценки IT-продукта, или в чем Habrahabr уступает Facebook

Interfaces *Usability *
Sandbox
Пробовали ли вы оценивать свой IT-продукт с психологической точки зрения? Такая оценка может основываться на общей психологии и включать эргономическое тестирование, может основываться на когнитивной психологии и задействовать теорию познания и принятия решений, может основываться на теории деятельности и анализировать пользовательские сценарии, может основываться на психологии научения и бихевиоризме и анализировать продукт с точки зрения геймификации…

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

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

Описание теста.
Для каждой потребности предложено по 5 вопросов о продукте.
Читать дальше →
Total votes 132: ↑111 and ↓21 +90
Views 36K
Comments 64

Ищем деньги. Каталог инвесторов для стартапа

GTD *

Здравствуйте уважаемые Хабравчане, особенно те, у кого есть идея своего стартапа! А вот с деньгами и осведомленностью похуже. Хочу Вам в помощь поделиться небольшой таблицей IT-инвесторов, которая была составлена для себя. Дело в том, что я также как и вы, обладаю минимум информации. Такие вопросы как: «к кому идти за деньгами», «как составить бизнес-план», и наконец «кому я вообще нужен со своей идеей» — давно стали навязчивыми.
Именно сейчас, после Новогодних праздников, самое время начать искать тех самых менторов, инвесторов, бизнес-ангелов, да и в целом зачитываться информацией на эту тему. Да, и у меня есть свой стартап, который перестал быстро развиваться и я активно ищу инвестора на дальнейшее развитие (О чем уже писал неделю назад).
Под катом таблица, со списком полезных ссылок, в помощь начинающим IT-компаниям.
Читать дальше →
Total votes 86: ↑75 and ↓11 +64
Views 129K
Comments 41

Техническое задание на сайт. Практика

Website development *


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

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

Много текста и картинок
Total votes 70: ↑63 and ↓7 +56
Views 192K
Comments 58

Полезные штуки для дизайнера интерфейсов iOS приложений

Development for iOS *


Прочитав посты Полезные штуки для iOS разработчиков #1 от Coder89 и Полезные штуки для iOS разработчика #2 от SeriiZ, решил собрать «полезные штуки» для дизайнеров пользовательского интерфейса iOS приложений.
Читать дальше →
Total votes 66: ↑54 and ↓12 +42
Views 54K
Comments 15

Новое для веб-дизайнера за ноябрь 2012

Website development *CSS *
Продолжаю подборку новых полезных штук для веб-дизайнера за прошедший месяц. Прошлые выпуски: октябрь, сентябрь.

Сервисы и инструменты


Photo Raster — новый мощный графический редактор онлайн.

Читать дальше →
Total votes 92: ↑86 and ↓6 +80
Views 57K
Comments 27

Онлайн-инструменты для кодеров

Website development *CSS *Programming *
Онлайн-сервисы становятся все популярнее, постепенно усложняя функционал и улучшая интерфейсы. В этой подборке представлены онлайн-инструменты для кодеров.

Cloud9


«Это Google Docs, только для кода» — так говорят о проекте. Облачный сервис вырос из Mozilla Bespin. Основные фишки: SSH, drag-and-drop и возможность разработки оффлайн.

Читать дальше →
Total votes 204: ↑191 and ↓13 +178
Views 263K
Comments 55

Information

Rating
Does not participate
Location
Санкт-Петербург, Санкт-Петербург и область, Россия
Works in
Date of birth
Registered
Activity