Создание сайтов с нуля самостоятельно: 10 шагов, чтобы создать сайт с нуля

7 вещей, которым я научился при создании веб-сайта с нуля » Teriaki Talks

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

Как креативщику абсолютно необходимо иметь какую-либо форму онлайн-портфолио, и в наши дни, если у вас нет какого-либо онлайн-присутствия, вы на самом деле не существуете. Помимо постыдного веб-сайта Angelfire, который я создал в подростковом возрасте ( крик детям 80-х, которые знают, о чем я говорю! ), когда Google был новичком, а модемное соединение было проклятием моего существования, мне никогда не удавалось создать собственное место в Интернете.

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

Мой исходный веб-сайт до обновления и разделения моего портфолио и блога.

СВЯЗАННЫЕ ЧТЕНИЯ:

➳ 7 хитростей, которые вы можете сделать немедленно, чтобы улучшить свой блог
➳ 8 вещей, которые вы узнаете за год ведения блога
➳ Что должна содержать ваша страница «Обо мне» (и почему это важно!)

Вот 7 вещей, которые я узнал, создавая веб-сайт с нуля :

1/ НАЧНИТЕ С ОСНОВ

Самое первое, что вам нужно сделать при создании веб-сайта, — это разместить его в Интернете. Выберите легко запоминающийся релевантный URL-адрес и зарегистрируйте доменное имя. Я использую GoDaddy, и вы можете выбрать .com или более дешевые варианты, такие как . net и .org.

Вероятно, вам также потребуется место для размещения вашего сайта. Я только что перешел на A Small Orange, и есть несколько пакетов на выбор, в зависимости от того, сколько места вам нужно.

Не у всех есть доступ к суперталантливым разработчикам, поэтому веб-сайт, написанный с нуля, будет очень дорогим. Если вы не дизайнер, это дополнительные расходы. Однако, в зависимости от ваших потребностей, такие сервисы, как Squarespace и WordPress, предлагают экономичные варианты с гибкими шаблонами, которые легко настроить. Если все, что вам нужно, это базовая галерея портфолио, Cargo Collective или Behance также являются хорошими альтернативами.

2/ ОПРЕДЕЛИТЕ ОСНОВНОЕ

В этом посте я упомянул термин, который разработчики используют при создании продукта под названием MVP или Minimal Viable Product . Это означает, что то, что первоначально было разработано для запуска, — это , которого как раз достаточно для работы на базовом уровне, чтобы минимизировать затраты, время и риск.

Я думаю, что все эти годы мне мешало запустить свой веб-сайт то, что меня переполняли мои амбиции; всеми вещами, которые я хотел, чтобы сайт был. Как только я переключился на мышление MVP, я задал себе вопрос 9.0005 «Что НАИМЕНЬШЕ я могу сделать, чтобы этот сайт заработал?» Мне нужно было решить, каким, по сути, должен быть сайт.

Будучи дизайнером, иметь сайт для размещения моего портфолио было моей первоочередной задачей, хотя я всегда хотел вести блог. В первом раунде я разработал страницы «Портфолио», «О нас» и «Контакты» и поэтапно достраивал их оттуда, в конечном итоге добавляя функцию ведения блога.

3/ ОПТИМИЗИРУЙТЕ СВОЮ «ПРЕВОСХОДНУЮ НЕДВИЖИМОСТЬ»

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

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

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

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

4/ ЗАСТАВЬТЕ ЭТО РАБОТАТЬ НА ЛЮБЫХ ПЛАТФОРМАХ

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

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

5/ ПРОБЛЕМА ТРЕБУЕТ РЕШЕНИЕ

В идеале вы надеетесь, что посетитель вашего сайта изучит каждую страницу, поэтому очень важно помнить о UX/UI (пользовательском опыте/пользовательском интерфейсе). Каждая «хлебная крошка», которую вы оставляете для них, должна быть специально размещена так, чтобы по следу было легко ориентироваться. Если вы застряли в выяснении того, как разработать каркас потока на вашем сайте, обратитесь к проблеме.

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

6/ ВЫДЕЛЯЙТЕСЬ ИЗ ТОЛПЫ

Я считаю, что хорошая страница «О нас» имеет первостепенное значение! Если кто-то, посетивший вашу страницу, уходит, чувствуя, что не знает вас, он забудет вас через секунду, даже если ваша работа была фантастической. Вы хотите произвести впечатление, и хотя вы можете стремиться наполнить свой сайт своей индивидуальностью, на странице «О нас» вы можете расширить ее. Четко укажите, кто вы и чем занимаетесь. Объясните свои убеждения и философию в отношении вашего продукта или услуги. Как вы оказались там, где вы сейчас? Вы любите суши или пасту?

Исходя из моего опыта просмотра десятков сайтов-портфолио, хорошая страница «О нас» действительно выделяет человека в моем сознании. В этом вся разница, когда приходит время звать людей на собеседования.

7/ ЕСЛИ НИКТО ЭТО НЕ ПРОЧИТАЛ, ВЫ ДЕЙСТВИТЕЛЬНО ЭТО НАПИСАЛИ?

Если вы действительно хотите, чтобы люди ПРОЧИТАЛИ текст, над которым вы трудились, переставляя запятые и утомляя ваш тезаурус, сделайте его читабельным! Ваш размер шрифта должен быть не только довольно большим (например, 14-16pt), но и иметь в виду возможность беглого просмотра. Это означает отсутствие огромных блоков текста, разбиение абзацев и привлечение внимания такими стилями, как выделение жирным шрифтом и курсивом.

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

Если вы думаете о создании веб-сайта, не забудьте написать потрясающую страницу «Обо мне». Я расскажу вам, почему это так важно, и посоветую, что включить.

Продолжайте в том же духе и следуйте за мной @teriaki , если вы еще этого не сделали!

Вы бы не написали код веб-сайта с нуля: уроки управления данными

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

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

Преимущества разработки веб-сайта с нуля

Однако создание веб-сайта таким способом имело ряд преимуществ:

.

Недостатки разработки веб-сайта с нуля:

К сожалению, у этого подхода также много недостатков:

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

Переход к разработке веб-сайтов с низким кодом

По мере того, как все больше людей стали пользоваться Интернетом, стали доступны лучшие инструменты и ресурсы. Сегодня рынок полон систем управления контентом с низким кодом и конструкторов веб-сайтов с перетаскиванием (WordPress, HubSpot, Shopify, SquareSpace и т. д.), которые позволяют легко создавать профессионально выглядящие веб-сайты без каких-либо знаний в области программирования.

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

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

Сопротивление переменам

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

• Страх перед заменой : разработчики рассматривали эти инструменты как угрозу своей работе
• Мощность и гибкость : Разработчики не были убеждены, что они будут достаточно мощными, гибкими или настраиваемыми для обеспечения такого же качества работы
• Доверие и надежность : Поскольку код был сгенерирован автоматически, разработчики не были уверены, что ему можно доверять в той же степени, что и коду, который они написали сами

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

Преимущества стали совершенно очевидны:

• Автоматизировано : Разработчики могут автоматизировать все повторяющиеся, утомительные задачи, чтобы они могли сосредоточиться на более сложных и полезных аспектах разработки веб-сайтов
• Объединенный опыт : Алгоритмы, обеспечивающие автоматическую генерацию кода, включают в себя совокупный опыт разработчиков и лучшие практики

.

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

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

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

Темные века управления данными: сложные наборы инструментов и ручное кодирование

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

Существует несколько проблем с этим подходом: 

• Ручное кодирование и создание конвейера : Новые конвейеры должны создаваться вручную для каждого источника данных, хранилища данных и варианта использования (например, аналитических отчетов) в организации, что часто приводит к созданию массивной сети хрупких трубопроводов. Большинство специалистов по данным сообщают, что они тратят до 50 % своего времени исключительно на такие ручные, повторяющиеся задачи.
• Стопки инструментов : Чтобы еще больше усложнить ситуацию, часто существует отдельный стек инструментов для управления каждым этапом конвейера, что увеличивает количество используемых инструментов и создает дополнительные бункеры знаний и специализации.
• Уязвимая, негибкая инфраструктура : Создание и обслуживание этих сложных инфраструктур и конвейеров данных не только требует больших затрат и времени, но и создает постоянные уязвимости в системе безопасности и проблемы управления, а также чрезвычайно затрудняет внедрение новых технологий в будущем.
• Хрупкие конвейеры : Хуже того, эти конвейеры данных трудно построить, но очень легко сломать. Чем выше сложность, тем выше вероятность того, что неожиданные баги и ошибки нарушат процессы, испортят данные и сломают весь конвейер.
• Ручная документация и отладка : каждый раз, когда возникает ошибка, инженеры данных должны потратить время, чтобы просмотреть историю происхождения данных и отследить ошибку. Это чрезвычайно сложно, если документация по метаданным неполная или отсутствует (что часто бывает).

Неудивительно  85% этих проектов терпят неудачу .

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

Мы называем это «темными веками» управления данными из-за его зависимости от ручных процессов, хрупкой инфраструктуры и высокой частоты сбоев.

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

Развитие управления данными с низким кодом

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

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

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

Их опасения были очень похожи на опасения веб-разработчиков:

• Страх замены : Они чувствовали, что использование инструментов с низким кодом сделает их менее ценными и востребованными (поскольку их работу будет легче автоматизировать)
• Мощь и гибкость : Инженеры данных считают, что кодирование конвейеров данных с нуля дает им больше возможностей, контроля и гибкости
• Доверие и надежность : Они были обеспокоены тем, что инструменты с низким кодом будут менее надежными и не смогут справиться с масштабом или сложностью рабочих нагрузок обработки данных

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

Все те же преимущества стали совершенно очевидны:

• Автоматизация : теперь группы обработки данных могут автоматизировать повторяющиеся, утомительные задачи и сосредоточиться на более сложных и полезных аспектах своей работы, таких как моделирование данных и анализ данных
• Объединенный опыт : Алгоритмы, обеспечивающие автоматическую генерацию кода, основаны на объединенном опыте разработчиков и передовых методах
• Меньше ошибок : Код, который автоматически генерируется этими инструментами, не только надежен, он почти всегда менее подвержен ошибкам, чем код, написанный вручную человеком
• Agile : Доверяя коду, созданному другими, вы можете перейти от разработки к тестированию и производству за долю времени
• Адаптируемость и готовность к будущему : технология хранения данных развивается с невероятной скоростью, а код автоматически адаптируется вместе с ней, поэтому вам не нужно беспокоиться о постоянном обновлении и обслуживании базовой инфраструктуры

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

К сожалению, не все средства управления данными с низким кодом построены одинаково.

Platform vs Builder

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

Хотя это может звучать идеально, эти утверждения начинают разваливаться при ближайшем рассмотрении:

• Замаскированные стеки : Большинство «платформ» на самом деле представляют собой просто набор отдельных инструментов для создания и управления каждым компонентом данных. недвижимости, которые были объединены вместе по одной цене.
• Сшитые воедино, как чудовище Франкенштейна : Да, все инструменты продаются одним и тем же поставщиком, но они часто собираются в результате приобретений, и в итоге получается просто большая, уродливая мешанина из несовместимого кода, который был случайно сшит воедино. в «платформу».
• Low-code* : многие из этих платформ хвастаются тем, что они «low-code», но когда вы копаетесь в деталях, обычно есть только 1 или 2 функции, которые на самом деле имеют эту функциональность.
• Добро пожаловать в тюрьму управления данными . Хуже всего то, что вы окажетесь запертыми в проприетарной экосистеме, которая не позволит вам по-настоящему владеть, хранить или контролировать свои собственные данные. Все инструменты и процессы предварительно определены разработчиком платформы, а затем скрыты в «черном ящике», к которому вы не можете получить доступ или изменить. Многие из этих платформ даже вынуждают вас переносить все ваши данные в облако и не предлагают поддержку локальных или гибридных подходов.
• Попытка побега может стоить вам всего : Эти платформы не только существенно ограничивают ваши возможности управления данными, но если вы решите перейти на другую платформу данных позже, вам придется перестраивать почти все с нуля.

Эти решения не являются настоящими «платформами», они имеют очень ограниченную функциональность «low-code» и ничего не «унифицируют». Это просто наборы инструментов с улучшенным брендингом и гораздо большими ограничениями.

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

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

Представляем TimeXtender, средство создания массива данных с низким кодом

TimeXtender позволяет вам создать современное хранилище данных в 10 раз быстрее  за счет отказа от ручного кодирования и сложных стеков инструментов.

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

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

Мы делаем это по одной простой причине:  потому что время имеет значение .

До свидания, управление данными. Привет, расширение возможностей данных.

Группы обработки данных в самых эффективных организациях, таких как Komatsu , Colliers и Правительство Пуэрто-Рико , уже используют этот новый подход с помощью low Xtender data Estate,

Time

строитель .

Как TimeXtender расширяет возможности всех членов вашей команды:

• Бизнес-руководители получают быстрый доступ к надежным данным при снижении затрат на сборку на 70 % и снижение затрат на техническое обслуживание на 80 %.