что читать и где учиться?

---

Это первая глава | Продолжение (Глава 2) →

Перед вами бесплатный курс Рафаля Томаля «Интро в веб-дизайн». Курс включает 7 глав, раскрывает базовые концепции веб-дизайна и дает тот необходимый минимум информации, который требуется начинающему дизайнеру на старте.

Над переводом работали: Ольга Жолудова и Анастасия Свеженцева.

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

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

Интересуетесь свежими статьями по дизайну? Вступайте в группу на Facebook.

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

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

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

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

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

Первое впечатление самое сильное

Согласно исследованию, проведенному Google в 2012 году, пользователи составляют свое мнение за 50 миллисекунд. Другое исследование, проведенное Катариной Райнеке и Лейном Харрисом, показало, что долгосрочные суждения мы формируем за 500 миллисекунд — а то и меньше.

Для большинства пользователей первое впечатление становится самым сильным и далее влияет на весь опыт взаимодействия с продуктом и брендом. Если первое впечатление испорчено, невероятно сложно его загладить. Эта первая 1/20 секунды может стоить бизнесу кучу денег.

Возможно, вы сразу подумали: “Сайты, которые мне понравились с первого раза, при ближайшем рассмотрении оказывались не такими уж красивыми” — и это правда.

Оказывается, один из ключевых факторов, который влияет на наше эстетическое суждение — это визуальная сложность и прототипичность дизайна. Это означает, что чем проще ваш дизайн, чем он “знакомее” пользователю — тем лучше.

Рис. 1.0: Менее сложный дизайн на первый взгляд кажется приятнее и красивее.

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

Если дизайн не соответствует ожиданиям пользователей, у них может сложиться негативное первое впечатление — а это исказит их дальнейшие ожидания”

— Хавьер Баргас-Авила, Старший UX-исследователь в отделе UX исследований YouTube

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

Увеличьте субъективную ценность продукта или услуги

Большинство людей принимают решения о ценности и покупке продуктов, основываясь на своем отношении к бренду. Задействуя определенные шрифты, формы, иконки, фотографии и цвета, мы можем влиять на субъективное восприятие клиентом ценности наших продуктов и услуг.

Рис 1.1: У Gather очень качественные фотографии и крутой бренд-дизайн. Благодаря этому мы, еще не зная деталей, сразу чувствуем: это крутой продукт. Восприятие ценности было бы совсем другим, если бы мы увидели размытые фотки и скучный дизайн — как это часто бывает на Amazon.

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

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

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

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

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

Формируйте доверие и авторитет

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

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

Рис 1.2: ConvertKit всегда использовали в качестве основного брендового цвета синий, но недавно они перешли на более теплую палитру. Предыдущая палитра была холодной и сфокусированной на приложении, а новая палитра — более веселая и творческая — лучше подходит целевой аудитории  ConvertKit: дизайнерам и креативщикам.

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

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

Рис 1.3: Используйте иллюстрации, чтобы передать основную идею вашего бренда и наладить контакт с аудиторией.

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

Рис 1.4: Недавний мощный ребрендинг Dropbox здорово добавил бренду узнаваемости. Их новые цвета, типографика и иллюстрации поистине уникальны!

Больше, чем просто внешний вид

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

Вы можете ускорить пользователей — например, за счет правильного расположения элементов интерфейса, интуитивного лейаута или более удобной формы. Также вы можете порадовать пользователя забавными сообщениями или элементами геймификации (значки и бейджи).

Рис 1.5: Интерфейс MailChimp наполнен позитивными и забавными элементами, которые превращают скучный процесс создания рассылки в праздник.

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

Дизайн продает

Исследования, проведенные The Design Council и Design Management Institute

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

Компании, которые руководствуются принципами дизайна во всей своей деятельности — от маркетинга до клиентского опыта — получают огромную выгоду от своих инвестиций.

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

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

Это услуга, которая сама окупается.

Рис 1.5: A/B тестирование, пользовательские исследования, тепловые карты и другие техники — все это помогает увеличить прибыльность бизнеса, просто за счет внесения необходимых изменений в уже существующую воронку. Скриншоты выше — из моего любимого инструмента hotjar.com.

Для дизайнеров будущее — светлое

Раньше дизайнеров считали этакими уличными художниками: в цифровом мире их зарплаты всегда были ниже среднего. Когда я учился в колледже, научный руководитель хотел отговорить меня от занятий по дизайну, потому что тогда труд дизайнера оплачивался очень низко — средняя зарплата была порядка 35 тысяч долларов в год.

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

Сегодня шестизначная зарплата у UI/UX дизайнера — это нормально, а опытные фрилансеры и консультанты берут за свои услуги от 200 долларов в час.

Согласно отчету Product Design Report, подготовленномуInVision в 2016 году, средняя годовая зарплата дизайнера составляет $80,606.

Дизайнеры основывают свои компании, выступают консультантами в стартапах, занимают руководящие позиции (вице президент по дизайну, креативный директор, главный дизайнер — все эти позиции с недавнего времени стали появляться в современных компаниях).

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

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

Продолжение (Глава 2) →

ТОП 4 БЕСПЛАТНЫХ онлайн — ресурсов для самостоятельного обучения дизайну

Всем привет. Сегодня я хотела бы поделиться с вами полезной информацией, а именно, ссылками на ресурсы с крутыми уроками и курсами для самостоятельного обучения дизайну. Это будет особенно полезно для новичков и людей, которые хотят быть в курсе последних новинок в мире дизайна. Я расскажу о тех сайтах, которые оказались полезными для меня и будут интересны не только веб-дизайнерам, но и графическим, 3d дизайнерам и т.д. Список пополнился новым (пятым) источником!

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

1

Виртуальная школа графического дизайнера Creativshik.com – есть бесплатные и платные курсы.

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

• БЕСПЛАТНЫЙ Трехнедельный email-курс “Как Самоучка Может Стать Отличным Дизайнером”
  Вы узнаете что делать тем, кто по каким-либо причинам не может себе позволить изучать графический дизайн в ВУЗе. И как в этом случае стать успешным дизайнером и что для этого необходимо. – в принципе это набор из его статей на блоге, но удобно, то, что они будут приходить на почту и постепенно.

• БЕСПЛАТНЫЙ  курс «Adobe Photoshopдля дизайна полиграфии и рекламы.» Вводная часть
  Вводная часть тренинга состоит из шести видеоуроков: * Вводный урок. Интерфейс программы. * Понятие пикселя. Растровая и векторная графика. * Цветовые модели CMYK и RGB. * Работа с Adobe Bridge. * Навигация по документу. Палитры «История» и «Навигатор». * Типы файлов, используемых в Photoshop. – Здесь самые основы Photoshop, курс будет интересен тем, кто осваивает программу или хочет систематизировать свои знания.

• БЕСПЛАТНЫЙ видео-курс «Узнайте как на самом деле создается креативный дизайн»  Вы узнаете как быстро продумать концепцию дизайна и воплотить ее в полноценном эскизе с помощью Adobe Photoshop. Поймете тонкости взаимоотношений между идейным вдохновителем (арт-руководителем) и кропотливым исполнителем (фотошопером). –здесь рассказывается о внутренней кухне всего процесса разработки дизайна, что очень полезно для людей которые не работали в профессиональной команде, но собираются в нее вступить, например, устроившись на работу в офис. Ведь многие дизайнеры, насколько бы креативными они ни были, зачастую оказываются неготовыми к сложностям общения не то, что с заказчиком, но и с коллективом внутри команды.

В свое время Боб Поташник мне очень помог с пониманием азов дизайна. Композиция, колористика, типографика – все это было для меня, как лес дремучий. Я считала, что все это очень сложно. Мудреные книги больше запутывали, чем объясняли. А вот Боб, являющийся самоучкой, сумел построить и объяснить в своем 6-часовом курсе все так, что многое стало понятным и простым. Сегодня автор модернизировал курс и включил в него много нового и интересного. Он называется…

Курс «Интенсив по графическому дизайну 2.0», и стоит всего 1390 р. Описание на странице курса.

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

И в архиве выберите самую первую дату – Июнь 2009. Интересного вам путешествия вместе с Бобом Поташником.

 

2

Онлайн-университет Skillbox — БЕСПЛАТНЫЕ вебинары и статьи

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

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

Весь список бесплатных вебинаров, который постоянно обновляется, можно посмотреть на самом сайте

ИЗ БЕСПЛАТНЫХ вебинаров мне больше всего понравились следующие:

БЕСПЛАТНЫЙ мастер-класс«UI—UXдля чайников. Быстрый старт от дизайн-студии #1»

Вначале ведущий немного непонятно гворит, но вот главный спикер изъясняется понятно, интересно и креативно!

БЕСПЛАТНЫЙ мастер-класс «Адаптив- как делать сайты для десктопа, планшета и мобилки»

БЕСПЛАТНЫЙ мастер-класс «Советы начинающим дизайнерам»

Мне вообще нравятся все видео, где рассказывает Денис Попков. Очень профессиональный и остроумный человек.

БЕСПЛАТНЫЙ мастер-класс«Прожектор счастья- список самых нужных дизайнерских ресурсов»

Skillbox– это крутые ребята, у которых есть чему поучиться. Серфите их сайт и youtube канал и найдете много интересного! Конечно, рекламы много, и может быть вы решите купить один из их платных курсов, что, естественно, на ваше усмотрение.

ПРОМОКОДЫ Skillbox от Des-life.ru: Скидка 50% на всё! Срок действия: 15.10.2020 00:00 — 31.10.2020 23:59 Промокод: не нужен

Курс Профессия веб-дизайнер. Первые пол года обучения БЕСПЛАТНО! + помощь в трудоустройстве!

Одно из самых популярных направлений дизайна (веб-дизайн) представлен следующим трейлером. Средняя зарплата начинающего специалиста от 100 000 р.

Курс Дизайн интерьеров с 0 до PRO. Пол года обучения БЕСПЛАТНО!

Так же одно из самых популярных направлений в дизайне.

3

БЕСПЛАТНЫЙ мини-курс «Web— Design» от Романа Горелика в проекте «Наука Дизайна».

Очень интересный курс, который состоит из 6 уроков. Автор на ваших глазах создает дизайн крутого сайта и выгружает его на Behance. Советую пройти все шаги вместе с автором и вы узнаете или вспомните основные правила гармоничного дизайна, как правильно оформлять дизайн макет для верстки, как работать с инструментами Photoshop именно веб-дизайнеру и многое другое.

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

4

БЕСАЛАТНЫЕ уроки на сайте «Фотошоп-мастер».

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

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

5

БЕСПЛАТНЫЕ Вебинары и статьи от Geekbrains

Еще один монстр онлайн-обучения от Mail Group наряду со всевозможными платными курсами (стоимость которых начинается всего от 15000 р) собрал огромную базу учебных материалов для дизайнеров и не только!

Зайдите на сайт, пройдите простую регистрацию и получите доступ к планируемым и уже проведенным вебинарам.

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

Кстати, Geekbrains занимается 3 направлениями в сфере дизайна, это:

• Графический дизайн
• Веб-дизайн
• Дизайн интерфейсов

Так же слева вы найдете вкладку «БЛОГ«, где найдете огромное количество статей по теме дизайна.

ПРОМОКОДЫ GEEKBRAINS от Des-life.ru: Эксклюзивная скидка до 45% на курсы GeekBrains! Срок действия: 22.10.2020 00:00 — 01.12.2020 23:59 Промокод: Oct45GB Три курса GeekSchool со скидкой 40% Срок действия: 17.09.2020 00:00 — 31.10.2020 23:59 Промокод: не нужен

Главным преимуществом всех перечисленных курсов и материалов является то, что их авторы — это практикующие дизайнеры, который владеют полной информацией о востребованных на рынке труда знаниях.

---

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

---

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

Подписывайтесь на обновления блога «Дизайн в жизни» по e-mail или в социальных сетях   и мы обязательно опубликуем для вас еще больше полезных бесплатных ресурсов, уроков и статей!

(Visited 18 420 times, 79 visits today)

Как научиться веб-дизайну самостоятельно?

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

Веб-дизайн: с чего начать самообучение?

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

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

Как стать веб-дизайнером с нуля?

Существует несколько способов обучиться новому ремеслу.

1. Самостоятельное изучение. В эпоху Интернета не так сложно найти подходящий материал. «YouTube», форумы, блоги и прочие интернет-площадки переполнены информацией и обучающим материалом, который может помочь. При этом никто не отменяет и печатные справочные издания, из них тоже можно черпать знания.
2. Курсы веб-дизайна с нуля — это идеальный вариант не только для новичков, но и для тех, кто хочет повысить уровень своего профессионализма и просто поделиться личным опытом. Этот способ является, как правило, более эффективным, поскольку предусматривает правильную оптимизацию и грамотную подачу учебного материала. К тому же по окончании обучения Вам выдается сертификат, подтверждающий Ваши умения.

Как научиться веб-дизайну с нуля?

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

Дизайн — это движущая сила современного бизнеса. Именно поэтому особенно важно досконально владеть инструментами реализации заказа. Только в этом случае Вы станете высококвалифицированным и высокооплачиваемым специалистом.

Что нужно знать веб-дизайнеру?

Можете смело считать себя профессионалом, если:

• умеете формировать дизайн веб-ресурсов, который в 90% случаев вызывает восторг;
• умеете самостоятельно находить заказчиков и умело с ними сотрудничаете.

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

Как научиться веб-дизайну

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

Есть три основных способа научиться веб-дизайну.

1. Делая . Люди учатся, фактически создавая веб-сайты.
2. Используя онлайн-ресурсы . Каждый в какой-то момент находит в Интернете ответы о том, как создавать веб-сайты.
3. Прочитав . Это меня удивило. Большинство дизайнеров говорят, что они изучают веб-дизайн частично, читая книги.

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

1. Изучение веб-дизайна на практике

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

Посмотрите, как работают другие веб-сайты

Начнем с того, что большинство веб-страниц в Интернете написано, по крайней мере частично, на HTML.Чтобы увидеть HTML-код, который создает эту страницу, вам необходимо «Просмотреть исходный код» в используемом вами браузере. Попробуйте использовать Cmd / Ctrl-U (для Firefox), выберите Cmd / Ctrl-Alt / Opt-U (для Chrome), и если вы используете Internet Explorer, вам действительно нужно спросить себя, является ли веб-дизайн правильным карьерным путем. для вас.

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

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

Текст здесь

показывает открытие и закрытие тега абзаца с помощью косой черты (/) перед закрывающим тегом. Другие теги не работают парами, например, тег изображения сам закрывает , это указывает браузеру отобразить изображение с определенным веб-адрес в качестве источника ( src ).

Еще одна вещь, которую вы могли заметить из источника HTML, — это то, что все страницы HTML имеют одинаковую структуру. Все они начинаются с объявления , в котором указывается, в какой версии HTML он находится, за которым следует объявление , за которым следует документа, который представляет собой контейнер различных элементов, включая ссылки. сценариям, таблицам стилей, метаинформации и т. д. После идет , где размечены элементы веб-страницы.

Упражнение: Выделите весь исходный код этой страницы в документ NotePad (ПК) или TextEdit (Mac) и сохраните его на свой компьютер как «test.html» или что-то в этом роде. Откройте этот файл в браузере, и он должен выглядеть точно так же, как онлайн-версия. Теперь отключите подключение к Интернету и посмотрите, как выглядит тестовая страница. Совсем другое дело, да? Попытайтесь понять, почему.

Инструменты торговые

Пока вы это делаете, вам понадобятся определенные инструменты.

• Несколько браузеров и смартфонов . Попробуйте протестировать свои собственные сайты в разных браузерах и на разных телефонах (именно здесь у вас начнется давняя ненависть к Internet Explorer).
• Текстовый редактор . Вы можете использовать базовый блокнот (ПК) или TextEdit (Mac), или, возможно, Coda (Mac) или Dreamweaver — не используйте Dreamweaver в визуальном режиме, просто работайте над кодом, вам нужно понимать, как все это работает в капот.
• Валидатор .Проверяйте свои веб-страницы с помощью HTML Validator и CSS Validator (используйте плагин браузера, например Web Developer для Chrome, чтобы быстро их вызвать).
• Инструменты разработчика Chrome и Firebug для Firefox . Эти инструменты помогут вам понять CSS и JavaScript, которые, если вы думали, что HTML был трудным, требуют некоторого понимания.
• Графические редакторы и графические редакторы . Центральное место в веб-дизайне занимают графические редакторы, такие как Photoshop или Fireworks. Это довольно дорого, но есть GIMP и множество онлайн-редакторов изображений, если вы только начинаете.

Создание собственных статических HTML-сайтов

По мере того, как ваше понимание HTML, CSS и JavaScript растет, вам следует создавать статические HTML-сайты либо локально, либо на веб-сервере. Постоянно играйте с кодом, пытаясь делать крутые вещи. Попробуйте воссоздать определенные элементы на других сайтах, скопировав фрагменты кода.

Хотя веб-сайты, которые вы в конечном итоге создаете, вряд ли будут созданы из файлов HTML, очень важно, чтобы вы понимали, как создавать статические сайты HTML, прежде чем вы сможете начать использовать PHP и / или системы управления контентом (CMS) для создания HTML.

Создание собственных сайтов на CMS

Большинство веб-сайтов создаются с помощью CMS — программного обеспечения, которое может создавать HTML-страницы в рамках определенных шаблонов. Лучшими из них являются WordPress, Joomla и Drupal, но есть множество более легких CMS с открытым исходным кодом, с которыми вы можете экспериментировать, они научат вас, как PHP и другие CMS, ASP, используются для объединения веб-сайтов.

Используйте MAMP (Mac) или WAMP (Windows) на вашем компьютере для запуска этих систем локально, чтобы вы могли хорошо понять, как они работают.

Использование редакторов изображений

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

Проектирование

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

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

2. Интернет-ресурсы

Когда люди хотят получить ответы, они идут в Интернет и ищут их в Google или ищут на YouTube. Веб-дизайн ничем не отличается.Есть много ресурсов, которые помогут вам в Интернете. Прежде всего, это школы W3, которые веб-дизайнеры называют лучшим онлайн-ресурсом для самообучения, а также Tizag. Некоторые люди рекомендуют Lynda.com, хотя я лично им не пользовался.

Блоги

Есть несколько отличных дизайнерских блогов. Есть большие, которые могут вам помочь, такие как SmashingMagazine, WebDesignerDepot, 1stWebDesigner и сеть Envato.

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

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

Форумы

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

Мне нравится Estetica Design Forum, DesignForums.co.uk и Designer, s Talk. Есть Digital Point и Sitepoint для более широкого круга запросов, форум WordPress отличный, а есть Warrior Forum для интернет-маркетинга.

3. Книги

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

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

Что вы, , можете сделать

Многие дизайнеры утверждают, что неудача — лучший учитель. Так что выходите и создавайте веб-сайты! Когда, что, несомненно, произойдет, вы натолкнетесь на кирпичную стену, вы можете использовать здесь некоторые онлайн-ресурсы, чтобы помочь вам.А когда вы больше не можете смотреть на экран компьютера, вы можете прочитать об этом книгу!

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

И вы можете скачать мою электронную книгу о том, как вести собственный дизайнерский бизнес.

Как обучить новую языковую модель с нуля с помощью трансформаторов и токенизаторов

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

В этом посте мы продемонстрируем, как обучить «маленькую» модель (84 параметра M = 6 слоев, 768 скрытых размеров, 12 головок внимания) — такое же количество слоев и головок, что и в DistilBERT — на Esperanto . Затем мы настроим модель для последующей задачи по тегированию части речи.

Эсперанто — это язык, созданный с целью облегчения изучения. Мы выбрали его для этой демонстрации по нескольким причинам:

• это язык с относительно небольшими ресурсами (хотя на нем говорят около 2 миллионов человек), поэтому эта демонстрация менее утомительна, чем обучение еще одной модели английского языка English
• его грамматика очень правильная (например,г. все нарицательные заканчиваются на -o, все прилагательные на -a), поэтому мы должны получить интересные лингвистические результаты даже на небольшом наборе данных.
• , наконец, всеобъемлющая цель, лежащая в основе языка, — сближать людей (способствовать миру во всем мире и международному взаимопониманию), что, как можно утверждать, соответствует цели сообщества НЛП 💚

N.B. Вам не нужно понимать эсперанто, чтобы понять этот пост, но если вы действительно хотите выучить его, у Duolingo есть хороший курс с 280 тысячами активных учеников.

Наша модель будет называться… подождите… EsperBERTo 😂

1. Найдите набор данных

Во-первых, давайте найдем корпус текста на эсперанто. Здесь мы воспользуемся эсперанто-частью корпуса OSCAR от INRIA. OSCAR — это огромный многоязычный корпус, полученный путем классификации языков и фильтрации дампов Common Crawl в Интернете.

Эсперанто-часть набора данных составляет всего 299М, поэтому мы объединим его с подкорпусом эсперанто Лейпцигской корпоративной коллекции, который состоит из текста из различных источников, таких как новости, литература и Википедия.

Заключительный обучающий корпус имеет размер 3 ГБ, что все еще мало — для вашей модели вы получите лучшие результаты, чем больше данных вы сможете получить для предварительного обучения.

2. Обучить токенизатор

Мы решили обучить токенизатор кодирования пар байтов на уровне байтов (такой же, как GPT-2) с теми же специальными токенами, что и RoBERTa. Возьмем произвольно его размер — 52 000.

Мы рекомендуем обучать BPE байтового уровня (а не, скажем, токенизатор WordPiece, такой как BERT), потому что он начнет создавать свой словарный запас из однобайтового алфавита, так что все слова будут b

DevOps Tutorial for Beginners: Learn Now ( Учебный курс)

• Home

• Testing

  • • Back
    • Agile Testing
    • BugZilla
    • Cucumber
    • Тестирование базы данных
    • ETL Testing
    • Back Jmeter
    • JIRA

      0

      JIRA

      0

      LoadRunner

      Ручное тестирование

      Мобильное тестирование

      Mantis

      Почтальон

      QTP

    • Назад
    • Центр качества (ALM)
    • RPA
    • SAP Testing
    • Selen ium
    • SoapUI
    • Управление тестированием
    • TestLink

• SAP

  • • Назад
    • ABAP
    • APO
    • Начинающий
    • Basis
    • BODS
    • BODS
    • BODS
    • BODS
    • BODS
    • Назад
    • CRM
    • Crystal Reports
    • FICO
    • HANA
    • HR
    • MM
    • QM
    • Заработная плата
    • Назад
    • PI / PO
    • PP
    • SDU
    • SDU
    Безопасность
    • Менеджер решений
    • Successfactors
    • Учебники SAP

• Интернет

  • • Назад
    • Apache
    • AngularJS
    • ASP.Net
    • C
    • C #
    • C ++
    • CodeIgniter
    • DBMS
    • JavaScript
    • Назад
    • Java
    • JSP
    • Kotlin
    • Linux
    • MariaDB
    • MS Access
    • MS Access
    • MS Access js
    • Perl
    • Назад
    • PHP
    • PL / SQL
    • PostgreSQL
    • Python
    • ReactJS
    • Ruby & Rails
    • Scala
    • SQL
    • SQLite
  • SQLite
  • Назад
  • UML
  • VB.Net
  • VBScript
  • Веб-службы
  • WPF

Обязательно изучите!

• • Назад
  • Бухгалтерский учет
  • Алгоритмы
  • Android
  • Блокчейн
  • Бизнес-аналитик
  • Создание веб-сайта
  • Облачные вычисления
  • COBOL
  • Дизайн компилятора

• 10 сайтов, которые научат вас хорошо рисовать

  Большинство из нас хотят родиться с двумя навыками.Первый — петь и играть в лад; второй — рисовать с легкостью. К сожалению, большинство из нас может смотреть только с завистью, поскольку некоторые из благословенных отдают свои таланты на большую сцену.

  А ты? Вы позволили своим талантам угаснуть и умереть?

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

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

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

  Уникальная особенность: Более 500 классов для всех уровней.

  Вы можете научиться рисовать и рисовать на этом сайте.Автор сайта — Бренда Ходдинотт. Дело не только в разнообразии вещей, которые вы можете научиться рисовать, и не только в хорошо поддерживаемой доске обсуждений на сайте. Это также и макет сайта — сразу переходите к своему уровню навыков ( Начальный, Средний, и Продвинутый, ).

  Существуют как бесплатные, так и платные классы, а также достаточно бесплатных руководств по рисованию (около 15%), чтобы дать вам хороший старт.

  Возможно, вам понравятся высококачественные загружаемые учебные пособия в формате PDF с подробными иллюстрациями и инструкциями.Вы также можете просматривать их в Интернете без загрузки. Если вы сомневаетесь в своем уровне художника, скачайте и прочитайте урок под названием — Понимание таланта . Чтобы получить доступ к урокам в полном объеме, вам необходимо зарегистрироваться (бесплатно).

  Уникальная особенность: Погрузитесь в искусство мультфильмов и карикатур.

  В детстве вы, должно быть, хотели создать свой собственный комикс.Чтобы сочетать мультфильмы с чувством юмора, нужен особый талант. Без обоих не обойтись. У Drawing Coach есть уроки рисования всех типов, но он больше ориентирован на мультфильмы. Он научит вас всему шаг за шагом — от рисования людей до татуировок.

  Сайт создан в индивидуальном порядке, но вам не на что будет жаловаться.Мне нравится, что уроки легкие в теории, но тяжелые по технике. Если вам нравится немного коренной породы, загляните в раздел «Техника рисования».

  Уникальная особенность: Растущий раздел об искусстве, с которым вам следует учиться.

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

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

  Уникальная особенность: простой одноразовый урок, который придаст вам уверенности.

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

  Кроме того, это ступенька к портретным навыкам.Практикуйте основы, а затем нарисуйте голову друга по памяти или фотографии.

  5.Оцените мои рисунки

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

  Оцените мои рисунки — это ведущее художественное онлайн-сообщество, насчитывающее более 50 000 участников.Сайт представляет собой платформу для учебных пособий и форумов сообщества, где можно учиться и делиться. У сайта есть веб-интерфейс, похожий на онлайн-холст. Пользователи рисуют, используя Flash или более продвинутый программный инструмент для рисования на основе Java или HTML5, а люди оценивают рисунки как шедевр, так и катастрофу.

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

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

  Drawing Now — это сайт, управляемый пользователями, который прост и не ошеломляет ни новичка, ни среднего пользователя.С бесплатным членством вы можете пользоваться интерактивными функциями, такими как чат и мгновенные сообщения. Учебники пошаговые, и им легко следовать. За ними легче следить благодаря скринкастам и пошаговым инструкциям.

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

  Уникальная особенность: Крупнейшее художественное сообщество в сети.

  Если вы только что взяли кисть или карандаш, вам потребуется некоторое время, чтобы добраться до Deviant Art.Лучшая социальная сеть для художников может завалить вас изображениями того, что возможно, если у вас есть серьезные художественные навыки. Но вы можете принять участие в Daily Sketch Challenge в любое время, потому что он приветствует все уровни навыков.

  Вызов стартовал в 2015 году.Инструкции просты — проверяйте дневник группы каждый день на предмет новой темы для рисования (например, «Страшная крестная») и каждый день размещайте свой рисунок на эту тему. Как говорится на сайте, все дело в привычке рисовать каждый день.

  Уникальная особенность: Небольшие видеоролики о цифровом рисовании и живописи.

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

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

  Уникальная особенность: Находите и сохраняйте уроки рисования на своих досках.

  Попробуйте это — введите «уроки рисования» в строке поиска Pinterest и посмотрите, сколько результатов отобразится.У кого-то вроде artgirl67 есть доска с 966 уроками «Как рисовать». Это всего лишь один любитель рисования. Pinterest — это стартовая площадка для большего.

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

  Уникальная особенность: Создайте свой собственный список воспроизведения из почти бесконечного каталога.

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

  Используйте возможности автоматического предложения в поле поиска.Например, «пошаговые уроки рисования для начинающих» — лучшая ключевая фраза, чем просто «уроки рисования». Даже в первом случае вы получите почти 4 миллиона результатов.

  Превратите себя в художника

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

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

  GardenStuff хочет, чтобы вы переносили на улицу внутрь с помощью интеллектуального вертикального сада ELIoT

  На выставке CES 2021 GardenStuff представила ELIoT, закрытый сад, который может упростить управление растениями.

  Об авторе Сайкат Басу (Опубликовано 1539 статей)

  Сайкат Басу — заместитель редактора по Интернету, Windows и производительности.После того, как он избавился от грязи MBA и десятилетней маркетинговой карьеры, он теперь увлечен тем, что помогает другим улучшить свои навыки рассказывания историй. Он следит за пропавшей оксфордской запятой и ненавидит плохие скриншоты. Но идеи фотографии, фотошопа и производительности успокаивают его душу.

  Больше От Сайката Басу

  Подпишитесь на нашу рассылку новостей

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

  Еще один шаг…!

  Подтвердите свой адрес электронной почты в только что отправленном вам электронном письме.

  Как создать своего бота с нуля от DRSDavidSoft на DeviantArt

  Приветствую! — v1.2 (добавлена ​​дополнительная информация)

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

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

  Я хотел бы указать на несколько важных инструментов и навыков, необходимых для запуска такого нового проекта, как этот, и я надеюсь, что вы сделаете здесь потрясающего бота!

  Итак, приступим!

  Введение — Что такое бот?

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

  На DeviantArt это обычно означает чтение и написание комментариев, сообщений, журналов и общение с людьми.
  _{(Дополнительную информацию о хороших и плохих ботах можно найти здесь.)}

  ⚠ Есть еще одна категория совершенно разных ботов Deviant Art, которые взаимодействуют с Deviant Art Messaging Network, которые BotLab покрыла очень хорошо.Эти боты относятся к системе чата, запущенной на этом сайте. Эта категория выходит за рамки данного руководства .

  Шаг 1 — Язык программирования

  Первый шаг для создания бота (или любого программного обеспечения) — это уметь кодировать.
  Есть ли у вас опыт программирования? Если это так, вы могли бы сосредоточиться на написании своего бота. Если нет, не беспокойтесь, вам нужно начать изучать новый язык программирования . Какой язык программирования выбрать, не так важно, если он может подключаться к DeviantArt.

  Вам просто нужно понимать основы компьютерной логики и, вероятно, вам будет удобно использовать язык на регулярной основе. В качестве примера языка программирования dADroid-bot написан на PHP, стандартном языке веб-разработки. Другие боты, такие как dAbot (созданный моим другом Кишаном-Багарией), используют Python, а некоторые, такие как dAhub , я считаю, что используют Java (не путать с JavaScript).

  Я постараюсь дать краткое описание для каждого языка и надеюсь, что вы найдете правильный и наиболее подходящий для вас.

  (Помните: запоминание не требуется, вместо этого вы должны изучить логику, стоящую за этим.)

  • Ruby: красивый, простой для понимания и легкий в использовании, но мощный инструмент для начала программирования.
    Попробуйте здесь: tryruby.org
  • Python: очень популярный язык сценариев, имеет отличный, мощный и относительно простой в освоении синтаксис.
    Попробуйте по адресу: learnpython.org
    
    
  • Lua: очень гибкий и простой язык сценариев. Вот отличное видео на YouTube: www.youtube.com/watch?v=S4eNl1…
  
  После того, как вы познакомитесь с концепцией, вы можете попробовать несколько более продвинутых / сложных языков в будущем:
  • JavaScript (не путать с Java): defacto стандартный язык сценариев. это мощный, но простой инструмент, созданный при разработке веб-страниц и ориентированный на современные веб-приложения.
    Попробуйте по адресу: www.javascript.com/try
    ( Я настоятельно рекомендую изучить это в долгосрочной перспективе! )
  • PHP: наиболее часто используемый язык веб-программирования, который работает только в серверной части ( как серверы, хотя их можно запускать и на настольных компьютерах, и на ноутбуке).Он мощный, но некоторые считают его древним, и большинство современных разработчиков стараются его избегать. Очень опасный инструмент при неосторожном обращении. Мощный острый инструмент при осторожном обращении.
    dADroid записывается в основном в PHP .
  • Java (не JavaScript): мощный, в меру простой для понимания и объектно-ориентированный язык, который чем-то похож на JavaScript, но совершенно другой. Разработан корпорацией Oracle и широко используется многими компаниями.Не надо с этим заморачиваться, по крайней мере пока . Я считаю, что dAhub был написан на Java.
  • C #: разработан Microsoft, изначально основан на синтаксисе C и C ++. Намного лучше, чем древний и неподдерживаемый аналог языка VB (визуальный базовый), который также был разработан Microsoft. До недавнего времени он мог работать только в операционных системах Windows (что означало невозможность работы на серверах Linux), хотя недавно была выпущена минималистичная версия для Linux.
    Он имеет синтаксис, в чем-то похожий на JScript (ответвление Microsoft JavaScript.)
    Широко используется в бизнес-среде, не совсем подходит для подобных проектов DIY, но имеет большой потенциал и, как таковой, широко распространен и, следовательно, имеет отличную поддержку на таких веб-сайтах, как StackOverflow.com.
    Опять же, не беспокойтесь об этом, только сейчас. Может быть полезным инструментом, если вы изучали языки программирования в академических классах (например, в колледже и университете).
  
  

  Шаг 2 — API (подключение к DeviantArt)

  Теперь, когда вы поработали с некоторыми языками и выбрали выработали общий синтаксис (и, надеюсь, выбрали один из них для использования), пора написать интерфейс для вашего бота.

  Используя API (интерфейс прикладного программирования), ваш бот может общаться с серверами DeviantArt, и наоборот. Если вы представите, что два фрагмента кода (один — ваш бот, а другой — сервер DeviantArt) коммутируют друг с другом, метод, который они отправляют и получают данные, называется API . Вроде как текстовые сообщения для людей, если хотите.

  В Википедии есть отличная (и подробная) статья об API, если вы хотите узнать больше. (Неплохой материал для чтения!)

  DeviantArt использует два разных набора API:
  

  1. публичный, который DeviantArt предоставляет здесь:
     www.deviantart.com/developers/
  2. внутренний под названием DiFi ( D eviantArt I nteractive F ragmented I nterface) , который они используют для звонков между своим сайтом и своим сервером.

     какие-то души задокументировали DiFi здесь:
     github.com/danopia/deviantart-…
     

  бот может использовать любой (или даже оба) из этих API для взаимодействия своего бота с DeviantArt.

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

  DiFi API намного мощнее, не требует регистрации ключа и более популярен в сообществе разработчиков модов DeviantArt. Тем не менее, владельцы сайта DeviantArt подразумевали, что только используется для их собственных внутренних вещей, поэтому он немного менее надежен, может быть изменен в любой момент без предварительного предупреждения и, таким образом, потенциально может сломать вашу программу. Однако, поскольку DeviantArt практически не менялся в течение нескольких лет, редко и маловероятно, что он полностью удаляет этот API.
  (Нельзя сказать, что случаи полного выхода бота из строя в прошлом вообще не происходили (например, dAhub), но обычно разработчики могут исправить их и полностью вернуть в онлайн, обычно в короткие сроки. )

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

  Профессионалы чаще всего рекомендуют использовать официальные и общедоступные API, и вы не слышите, чтобы кто-то рекомендовал вам использовать внутренние API.Однако вопреки их предупреждениям dADroid, dAbot (и dAhub, насколько мне известно) все используют внутренний API DiFi с добавлением некоторого парсинга HTML, потому что он более мощный и переносимый.

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

  dADroid имеет отличную утилиту для парсинга HTML и DiFi, встроенную прямо в него.

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

  Итак, что использовать?

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

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

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

  dADroid-bot (тот, который я создал) является открытым исходным кодом и активно поддерживается, но во время его создания у меня не было намерений публиковать его исходный код, так что это немного беспорядочно. .

  Тем не менее, если вы хотите использовать PHP, вы можете использовать исходный код dADroid в своем проекте. Вы можете увидеть список истории версий здесь: dadroid.ir / Changelog.txt

  
  

  Шаг 3 — средства хранения

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

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

  Какая польза от бота, если он все забудет, когда вы его закроете?

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

  Для файлового хранилища обратите внимание на XML, YAML и JSON. Не пугайтесь строк текста! Они просто написаны, чтобы помочь вашему боту запомнить, что происходит после каждого запуска.

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

  В настоящее время стандартным способом записи и доступа к данным в базах данных является язык SQL (читается SEQUEL), обозначающий S tructured Q uery L язык.

  Самыми популярными серверами SQL (которые вы можете использовать в своем проекте) на данный момент являются MySQL и MariaDB . Это сестринские базы данных, и вы можете использовать их как взаимозаменяемые. Первый в настоящее время разрабатывается Oracle, той же компанией, которая поддерживает Java (не путать с JavaScript).

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

  Существует более легкая версия SQL, которая не требует сервера и находится на диске, она называется SQLite .Вы можете использовать его для своего стартового проекта. Интересный факт: Google все время использует SQLite в своей ОС Android . Так что, если в настоящее время у вас есть телефон с ОС Android, вполне вероятно, что ваш телефон использует SQLite!

  Microsoft также использует свой собственный и платный форк SQL-сервера, который ориентирован на бизнес, и вам не о чем беспокоиться.

  Все эти варианты SQL (за исключением Microsoft) бесплатны и имеют открытый исходный код, вы можете сразу загрузить программное обеспечение и использовать их в своих проектах.

  Вот несколько отличных ресурсов для изучения SQL:
  

  1. www.w3schools.com/sql/
     
  2. www.codecademy.com/learn/learn…
     
  
  

  Шаг 4 — логика, пользователь настройки и графический интерфейс

  Теперь, когда ваш бот может подключаться к DeviantArt, получать данные, писать на них и помнить, что что делать; вам нужно написать логику того, что на самом деле нужно делать.

  Лучший способ сделать это — записать свои требования к боту, организовать их в виде небольших блок-схем и написать код для каждого блока вашей диаграммы.Так легче следить (и отлаживать) логику вашего бота, когда он становится больше, особенно если вы комментируете свою работу.

  Вам также необходимо разработать средства управления и «настройки» вашего бота. Вы можете написать внешнюю страницу для его настроек или использовать комментарии DeviantArt. Тебе решать! После получения команды результат будет сохранен в базе данных.

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

  При кодировании лучше всегда следовать практике DRY: D вместо R epeat Y самостоятельно. Это означает, что избегайте копирования и вставки кода, который, поверьте мне, делает все в сто раз сложнее. Вместо этого разделите свой код на разные значимые части, которые можно использовать повторно.

  Вы можете узнать больше о том, как следовать этому шаблону тщательно разработанным способом под названием MVC :
  

  1. Общие сведения о контроллере представления модели
     
  2. Что такое MVC?
  3. Википедия по модели – представлению – контроллеру
     
  4. Учебник по шаблонам MVC
  Я не собираюсь углубляться в это, поскольку уже написано много хороших статей.Просто помните, держите все в порядке и держите свой код чистым и хорошо комментируемым, даже если вы единственный, кто работает над проектом, вы не знаете, будет ли кто-то другой работать над ним завтра. В противном случае вы скоро столкнетесь с некоторыми непредсказуемыми проблемами, как у меня с кодом dADroid, который становится настолько беспорядочным, что мне нужно полностью переписать.

  Кстати, если вы собираетесь обновлять версию своего бота (а вы должны это делать), лучше всего следовать практике семантического управления версиями. Помните: вероятно, вы не будете единственным, кто будет работать над кодом навсегда.

  Шаг 5 — запуск бота на сервере

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

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

  Как правило, услуги хостинга VPS действительно дешевы и могут запускать ваш код в облаке .Я рекомендую их использовать. Или вы также можете запустить своего бота со своего персонального компьютера, что означает, что вам нужно постоянно держать компьютер включенным, чтобы бот работал постоянно. Если ваш компьютер (или сервер) выключен, это означает, что ваш бот не работает.

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

  Если вы разрабатываете своего бота на PHP (как я), вы можете купить еще более дешевые планы, предназначенные для услуг хостинга веб-сайтов, которые также могут содержать вашу программу-бот.

  Заключительные примечания — социальная сторона бота

  Постарайтесь, чтобы ваш бот был вежливым и не рассылал спам. Это очень плохой поступок!

  Не делайте того, что не нравится сотрудникам DeviantArt, они заблокируют вас без разумной причины, быстрее, чем вы думаете. Я выучил этот на собственном опыте .

  
  И на DeviantArt стало стандартным условием отмечать сообщения, сгенерированные ботом, с пометкой «Я бот» или аналогичными пометками. Это особенно важно, если ваш бот генерирует ответы, чтобы каким-то образом идентифицировать его как бота.(Как и любой другой экземпляр dAhub и dADroid-bot. Насколько мне известно, все популярные боты на DeviantArt делают это.)

  Заключение

  И вот, список всех важных моментов, которые я мог бы придумать для рабочий и практичный бот Deviant Art! Я надеюсь, что вы узнаете что-то новое по пути и получите большой опыт написания собственного бота.

  Не забудьте проверить DeviousBots на предмет некоторых примеров полезных ботов на DeviantArt, и отправьте туда своего собственного бота, если вы сделали отличный!

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

  Я попытался перечислить все, что пришло мне в голову, но, возможно, я обновлю этот журнал в будущем, если нужно будет упомянуть еще что-то.