Руководство для начинающих по созданию веб-сайта-портфолио с помощью Ruby on Rails (часть 0.2)
Руби на Rails / HTML / CSS / Javascript / Bootstrap
Хотя резюме на бумаге - это хорошо, но наличие веб-сайта, на котором вы можете творчески общаться с другими и представлять свои лучшие работы, несомненно, выделит вас из толпы. Чтобы быстро вас понять, во втором предисловии к моей серии из трех частей мы поговорим о Ruby on Rails, HTML, CSS, Javascript и библиотеках.
Полное раскрытие информации: существует множество способов создать веб-сайт, но возможности просто безграничны. Тем не менее, если моя мать, не склонная к технологиям, сможет создать свой собственный сайт, используя эти шаги, я уверен, что вы тоже сможете.
Рубин на рельсах
Взятый прямо с официального сайта, Ruby - это динамический язык программирования с открытым исходным кодом, ориентированный на простоту и производительность. У него элегантный синтаксис, который естественно читать и легко писать . Итак ... мы используем Ruby, потому что это простая программа для написания и хороший язык для начинающих. ОДНАКО Ruby также является очень мощным инструментом для создания веб-приложений благодаря объектно-ориентированной природе языка, простоте тестирования и наличию всех доступных сред с открытым исходным кодом. Фреймворки - это пакеты для разных языков программирования, которые могут добавлять множество различных функций и возможностей.
Говоря о фреймворках, Rails - это фреймворк Ruby, который в основном действует как турбо-ускорение, давая Ruby гораздо больше возможностей. Фактически, с Ruby on Rails работают многие крупные компании, включая AirBnb, Hulu, Twitch и Soundcloud. Таким образом, Ruby on Rails не только прост для понимания и восприятия как новичок в программировании, но и является мощным инструментом, который можно использовать для создания удивительных вещей.
При этом Ruby on Rails обычно используется для создания серверной части веб-приложений (серверная часть вещей, например, двигатель в автомобиле). Тем не менее, он все еще может создать интерфейс (как выглядит веб-сайт, подумать о внешнем виде автомобиля, цвете, деталях и т. Д.) И создать веб-сайт-портфолио.
Как и в случае с FYI, чтобы писать код и запускать программы, вам нужен доступ к терминалу и текстовому редактору. Терминал - это место на вашем компьютере, где вы можете ввести и запустить код, который компьютер поймет и будет действовать. Текстовый редактор используется, чтобы иметь возможность легко управлять вашими файлами и писать код в ваших файлах. Я использую Атом, но есть много текстовых редакторов, которые можно использовать. Хотя терминал уже установлен на вашем компьютере, вам необходимо загрузить текстовый редактор.
HTML / CSS / Javascript
Еще одна вещь, которую вы должны знать, если вы новичок, это то, что три наиболее важных «языка», которые необходимо знать, - это HTML, CSS и Javascript (HTML и CSS не являются технически языками программирования, но для наших основных нужд мы собираемся говорить о них как о таковых).
HTML - это язык, из которого состоят все веб-сайты, и который служит их основой. Хотя вы можете написать целый веб-сайт только на HTML, это очень утомительно и может стать кошмаром при создании сложных сайтов. CSS описывается как язык таблиц стилей, где вы можете добавлять в HTML детали, такие как цвет, фоновые изображения и т. Д. Javascript используется для создания всевозможных анимаций и функций, которые вы хотите для своего веб-сайта. Используя эти три языка, вы можете создать любой веб-сайт, какой захотите. Тем не мение…
Библиотеки - Bootstrap / JQuery
Вместо того, чтобы создавать все с нуля, у нас есть библиотеки! Проще говоря, некоторые гении проделали всю тяжелую работу и сделали такие вещи, как кнопки, заголовки, панели навигации и т. Д., Доступными для всех. Вы можете просто импортировать библиотеку в свой проект, и все функции будут доступны для использования. Я рекомендую Библиотеку Bootstrap, так как она проста в использовании, имеет множество различных опций для вашего веб-сайта и используется многими разработчиками по всему миру.
Еще одна полезная библиотека - библиотека JQuery. Когда вы смотрите на код Javascript других программистов, он может показаться странным, с разными символами, из-за которых что-то кажется трудным для понимания. Однако JQuery - это библиотека Javascript, используемая большинством разработчиков, поскольку она упрощает код Javascript и упрощает написание функций для веб-сайта. Нет ничего плохого в использовании простого Javascript; на самом деле, я могу порекомендовать его новичкам.
Теперь, когда у вас есть основы, давайте посмотрим, как создать наши первые функции для веб-сайта в первой части этой серии. Если вы хотите посмотреть первое предисловие к этой серии, щелкните здесь.
