Нетология frontend. Что должен уметь фронтенд-разработчик. Как выбрать онлайн-курсы для Front-end разработчика

Набираем релиз группу для нашего трекера .
Оплата договорная.
Заявки принимаются на почту сайт@yandex.ru , можно через обратную связь
Просьба кратко рассказать о себе, сколько времени сможете посветить нашему сайту и ожидаемый заработок.

Smart Defrag - дефрагментатор, позволяющий довести производительность жёсткого диска до максимально возможной. Созданная на основе новейшего дефрагментирующего механизма фирмы IObit и технологии «дефрагментация диска при загрузке системы», программа Smart Defrag занимает ведущие позиции....

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

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

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

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

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



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

0 Лекарство: Все вылечено Размер: 45,01 Mb Icecream Screen Recorder - программа, позволяющая вести запись видео с экрана Вашего компьютера, а также делать скриншоты как всего окна, так и выбранной области. Приложение обладает полным набором необходимых инструментов для профессионального захвата видео с экрана со звуком, являясь....

Категория: Сборки Windows 7
Версия программы: 09.2019 / 8.7.2+
Язык интерфейса: Русский / Английский
Платформа: x86 + x64
Разработчик: Microsoft
Автор сборки/репака: Eagle123
Раздают: 0 + 0
Качают: 0 + 0
Лекарство: В комплекте
Размер: 4,66 Gb
Данная сборка Windows 7 включает в себя 11 русских редакций и 11 английских редакций, основанных на оригинальных образах, с интегрированными обновлениями по 09.2019, системными библиотеками для 32-битного (x86) и для 64-битного (x64) ядра, с возможностью выбора опций установки, а также автоустановкой драйверов и программ....

Станьте full-stack разработчиком и постройте успешную карьеру в IT. Стажировки и трудоустройство.

8 месяцев длится обучение

8 технологий вы освоите за время обучения

5 проектов и 100+ решенных задач в портфолио после обучения

110 000 рублей средняя зарплата веб-разработчика

Трудоустройство для выпускников и гарантированные стажировки

Чем занимается веб-разработчик и как им стать

Верстает сайты на HTML5 и CSS3

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

Проектирует backend на PHP и MySQL

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

Делает интерфейс интерактивным при помощи JavaScript

JavaScript – язык веба, и все основные браузеры поддерживают его. Знание JavaScript – ключевое для любого веб-разработчика, независимо от того, на какой технологии реализован back-end.

Как проходит обучение

    Теория

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

    Практика

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

    Наставничество

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

    Диплом

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

    Стажировки и трудоустройство

    Все выпускники программы проходят стажировки и трудоустраиваются в ведущие компании-партнеры Нетологии

Что вы получите, обучаясь в Нетологии?

  • Все задания и проекты станут вашим портфолио, которое можно показать работодателю
  • Четкая траектория обучения - от основ до глубокого понимания всех необходимых технологий
  • Постоянная поддержка и обратная связь от наставников и экспертов
  • Диплом установленного образца об окончании программы обучения (на основании государственной лицензии №037356 от 06 апреля 2016 г.)
  • Помощь в построении карьеры, стажировки и трудоустройство через Центр развития карьеры Нетологии
  • Доступ из личного кабинета ко всем материалам программы обучения, онлайн и в записи
  • Скидки и спецпредложения от партнеров Нетологии
  • Персональная обратная связь по практическим работам

ПРОГРАММА ОБУЧЕНИЯ

Блок 1. HTML-верстка

Навыки, которые вы получите

  • Знание HTML и CSS
  • Применение Adobe Photoshop для задач веб-разработки
  • Обеспечение кроссбраузерности
  • Полноценная верстка страниц сайта
  1. Введение в HTML
    Основы клиент-серверного взаимодействия, базовая HTML-разметка, знакомство с CSS, основные инструменты разработчика.
  2. Основы HTML-разметки
    Блочные и инлайновые элементы, семантическая разметка документа, поведение блоков в потоке, позиционирование блоков.
  3. Знакомство с CSS
    Селекторы CSS, оформление элементов, управление размером и положением блоков на странице, поля и отступы.
  4. Организация работы над макетом и кодом
    Порядок верстки блока, тестирование результатов верстки, критерии оценки вёрстки, принцип именования переменных, классов, методов, знакомство с JavaScript.
  5. Приближение результата верстки к макету
    Adobe Photoshop для задач веб-разработки, слои, единицы измерения в вёрстке, форматы изображений, приемы оптимизации, настройка полезных макросов.

Блок 2. Backend-разработка на PHP

Навыки, которые вы получите

  • MySQL
  • Знание шаблонизаторов и фреймворков
  1. Синтаксис PHP
    Изучение основных конструкций языка, установка интерпретатора,работа с интерактивной консолью и запуск php-сценариев.Синтаксис основных конструкций языка, описание простейших алгоритмов, массивы любой сложности. Знакомство с объектами, манипуляция строками, массивами и файлами с использованием стандартных функции php.
  2. PHP на веб-сервере
    Создание динамических HTML-страниц, данные из HTML-форм и организация загрузки файлов, отправка заголовков на PHP, хранение данных пользователя, и реализация авторизации на сайте.

  3. Основы ООП и особенности реализации ООП в PHP. Создание классов, объектов и использование их в своих приложениях. Применение наследования для более грамотной организации кода, работа с «волшебными» методами класса.
  4. MySQL
    Установка сервера MySQL, выполнение SQL-запросов из PHP в MySQL. Применение для решения задач 4 основных вида запросов, структура таблиц, объединение данных из нескольких таблиц, агрегатные функции и группировка.
  5. Обзор фреймворков
    Создание приложений с использованием шаблонизатора, основы шаблонизатора Twig и основные преимущества фреймворков.

Блок 3. Язык программирования JavaScript

Навыки, которые вы получите

  • Основы JavaScript
  • Функции и функциональные выражения
  • Замыкания и область видимости переменных
  • Прототипы и наследование
  • var и let переменные и константы
  • Синтаксис классов
  • Итераторы
  • Генераторы
  • Промисы
  1. Синтаксис
    Основные возможности языка. Переменные, константы, управляющие конструкции и циклы. Типы данных и их преобразования.
  2. Возможности языка
    Функции в JavaScript как отдельный тип данных. Использование возможностей функций (создание замыкания и контекст вызова). Функциональное программирование, чистые функции и карринг.
  3. Конструктор и прототип
    Создание кода с использованием множества однотипных объектов, конструктора и прототипа.
    Прототипное наследование.
    Синтаксис с использованием классов для связности и чистоты кода.
  4. Промисы, генераторы и итераторы
    Защита кода от внештатных ситуаций. Обработка исключительных ситуаций и создание собственных исключений.
    Асинхронный вызов, использование промисов для защиты от проваливания в функции обратного вызова.

Блок 4. JavaScript в браузере и Web API

Навыки, которые вы получите

  • Объектная модель браузера и документа (BOM и DOM)
  • Глубокое понимание работы событий и их обработки
  • Асинхронные HTTP-запросы (AJAX)
  • Веб-сокеты (WebSocket)
  1. JavaScript в браузер
    Добавление к стандартным возможностям JavaScript функционала браузера - Web API.
    Подключение скрипта к HTML-документу и использование возможностей для «оживления» документа: добавление изменений, реагирование на действия пользователя.
  2. Формы и асинхронные запросы
    Использование JavaScript-кода при работе с формами. Проверка форм в реальном времени, отправка данных на сервер без обновления всей страницы.
  3. Веб-сокеты и локальное хранилище
    Работа с локальным хранилищем. Создание веб-интерфейса по принципу декстоп-приложения, использование возможностей запоминать состояние и воссоздавать его при обновлении страницы.
  4. Canvas
    Использование компонента Canvas (холст), для рисования с помощью скрипта. Изучение базового функционала, доступного в JavaScript для рисования графиков и визуализации информации.
  5. Файлы и медиа-ресурсы
    Работа со скриптом и получение доступа к файлам с разрешения пользователя (при выборе файла с помощью поля загрузки файлов), доступ к файлам в специальной «песочнице», доступы к веб-камере, микрофону и геопозиции
  6. История и отладка веб-приложения
    Работа со средствами браузера, которые позволяют искать ошибки и отлаживать код максимально эффективно. Работа как с самим инструментом так и с приемами, которые позволяют быстро находить проблему. Практика по взаимодействию с асинхронными HTTP-запросами и веб-сокетами.

Блок 5. Создание полноценного веб-приложения

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

После обучения по программе вы получите в свое портфолио 100+ реализованных виджетов и 5 полноценных проектов

Ключевые навыки, которые получает студент

  • HTML-разметка и оформление при помощи CSS
  • Кросс-браузерная верстка веб-страниц на основе макета
  • Оптимизация работы с изображениями
  • Применение принципов клиент-серверного взаимодействия
  • Решение задач с использованием JavaScript
  • Создание интерактивных веб-страниц
  • Обработка событий
  • Управление структурой документа
  • Управление воспроизведением аудио и видео на странице
  • Локальное хранилище (localStorage)
  • Веб-сокеты
  • Рисование в Canvas
  • Работа с файлами и медиа-ресурсами
  • Создание одностраничных веб-приложений (SPA)
  • Синтаксис PHP, PHP на веб-сервере
  • Объектно-ориентированное программирование
  • Работа с SQL-запросами
  • Шаблонизаторы и фреймворки
  • Контроль изменений кода проекта и совместная работа на проекте нескольких разработчиков

Технологии

Средняя зарплата специалиста с такими навыками - 90 000-130 000 рублей

Прежде чем рассматривать онлайн-курсы для front-end разработчика на русском , давайте ответим на вопрос кто такой Front-end разработчик?

Front-end разработчик (он же — front-end (фронт-енд) программист ) — это разработчик, который занимается клиентской частью сайта, это один и самых востребованных на данный момент ИТ специалистов. Это связано с тем, что данные спецалисты работают на стыке технологий, вот основные из них:

  • , адапативная, кроссбраузная и кроссплатформенная верстка;
  • препроцессоры и сборщики LESS, SASS, GULP, GRUNT и пр.;
  • Javascript;
  • Популярные фреймворки и библиотеки: jQuery, Angular.JS, React.JS, Backbone.js и т. д.;
  • Популярные CMS: WordPress, Drupal, Joomla и т.д.;
  • Инструменты контроля версий: Git, GitHub, CVS и т. д.

Как выбрать онлайн-курсы для Front-end разработчика?

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

  • Отзывы учеников, выпускников: Обязательно проверьте отзывы о данных курсах в разных источниках, не только на сайте курса.
  • Преподаватели: Это должны быть профессиональные фронт-енд разработчики с подтвержденным многолетним опытом, который можно проверить.
  • Программа курса: четкое описание плана и программы обучения.
  • Длительность курсов и расписание по неделям.
  • Вебинары: онлайн и в записи.
  • Практика на конкретных проектах.
  • Индивидуальный наставник (ментор).
  • По окончании — защита дипломной работы и выдача сертификата.
  • Помощь в трудоустройстве.

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

Онлайн-курсы для front-end разработчика на русском

1. GeekBrains

GeekBrains — это мощный образовательный ИТ-портал, в составе Mail.ru Goup для специалистов разных направлений, в том числе и для front-end разработчиков. На данный момент портал насчитывает более 2 млн. пользователей. Каждый день на портале появляются новые бесплатные обучающие материалы в виде статей, вебинаров или видеокурсов.

Уровни обучения:

  • GeekUniversity : онлайн-университет совместно с Mail.Ru и МГТУ им. Баумана, обучение с уровня junior до middle с гарантированным трудоустройством. Для поступления необходимо обладать начальными знаниями HTML и CSS. Кроме того, нужно пройти тест, который включает в себя теоретические вопросы. Если тест не пройден, GeekUniversity предлагает пройти курсы по подготовительной программе и добрать недостающие знания. Минимальный проходной балл — 25. Длительность обучения: около 1 года. Цена: 12 500 руб. в месяц.
  • Курсы (есть платные и бесплатные) — от HTML/CSS до продвинутых навыков front-end разработки.
  • Бесплатные интенсивы.

2. Нетология

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

Периодически стартуют курсы, связанные с front-end разработкой, например:

  • Профессия Frontend разработчик. С нуля до junior-специалиста за 8 месяцев. Цена: около 50 тыс. рублей.
  • Интенсивный 10-недельный онлайн-курс по языку программирования JavaScript. Цена: около 20 тыс. рублей.
  • Курс HTML-верстка: с нуля до первого макета. Цена: около 20 тыс. рублей.
  • Курс «Адаптивная и мобильная верстка» Цена: около 20 тыс. рублей.

Кроме платных курсов, есть несколько бесплатных, например: Бесплатный курс «HTML и CSS с нуля».

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

3. HTML Academy

Данный ресурс был запущен в 2013 году, на данный момент содержит 35 онлайн‑курса, затрагивающих разные аспекты работы от HTML-верстальщика до Front-end разработчика. Кроме того, есть еще шесть онлайн-интенсивов. Эти уникальные образовательные программы позволяют подготовить специалистов с необходимыми для веб-индустрии навыками. Курсы курируют около 300 наставников.

HTML Academy предлагает курсы и интенсивные курсы (интенсивы).

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

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

Стоимость курсов в среднем от 20 тыс. рублей. На данный момент в программе такие интенсивы:

  • Профессиональный HTML и CSS уровень 1 и 2
  • Профессиональный JavaScript, уровень 1 и 2
  • Профессиональный Node.js, уровень 1
  • Профессиональный PHP, уровень 1

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

4. LoftSchool

LoftSchool — школа онлайн-образования, которая ежегодно выпускает более 1000 студентов по всему миру: от России, Украины, Белоруссии и Казахстана, до Израиля, Германии, США и Канады.

  • Веб-разработка для начинающих: Адаптивная вёрстка. SASS. SVG. Flexbox. Основы JavaScript и jQuery. Git и Github. Основы PHP. Ajax и JSON. Terminal, Gulp, npm. 5 недель, 13 занятий. Цена: 19 тыс. рублей.
  • Продвинутый курс по веб-разработке: Продвинутый JavaScript. Pug. Продвинутый Gulp. Node.js, mongo.db. Yarn. Webpack 2. Сложные анимации и параллакс-эффекты. Пишем свою собственную админку. 5 недель, 16 занятий. Цена: 21 тыс. рублей.

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

4. Web Academy

Web Academy — образовательный ресурс, который предоставляет обучение по самым разнообразным ИТ-специальностям. Есть оффлайн и онлайн обучение.

На данный момент есть такие онлайн-курсы:

  • HTML/CSS + JS с нуля. Срок обучения: 9 недель, 2 раза в неделю. Цена: от 7900 грн.
  • Front-end Master. В курсе: TypeScript, Flux, Mobx, React js, Redux. Срок обучения: 5 недель, 2 раза в неделю. Цена: от 8600 грн.

5. Hexlet

Хекслет — практические онлайн-курсы по программированию от одного из авторов Лайфхакера.

Курс «Фронтенд JS-программист» — данный курс хоть и включает в себя HTML/CSS, но является продвинутой программой для изучения JavaScript. Цена: $24 в месяц. Проекты с ментором, помощь в трудоустройстве.

6. CyberBionic Systematics

CyberBionic Systematics — это учебные курсы по программированию и современным IT технологиям, технологиям от Microsoft.

Курс Frontend Developer состоит из двух частей: Frontend Starter (HTML, CSS, JS) и Frontend Pro (JavaScript Шаблоны, JQuery, HTML5 & CSS3, Angular JS). Срок обучения: 4 месяца, 98 часов. Цена: около 16000 грн.

Уважаемые читатели ТопОбзор , если вы знаете качественные онлайн-курсы для front-end разработчиков на русском языке, которых нет в данном обзоре, напишите, пожалуйста, в комментариях об этом.

Краткое описание:

Профессия Frontend разработчик

С нуля до junior-специалиста за 8 месяцев.
Обучение на практике. Стажировки и трудоустройство.
  • Начните работать с HTML, JavaScript, Web API, React
  • Выполните 5 полноценных проектов и более 100 практических задач
  • Получите диплом известного онлайн-университета
  • Претендуйте на высокую зарплату от 100 000 рублей
  • Гарантированные стажировки и трудоустройство для выпускников

Кто такой frontend-разработчик
и как им стать

  1. Разрабатывает интерфейсы и внедряет скрипты
  2. Работает с HTML5 и CSS3, обрабатывает события и посылает асинхронные запросы на сервер, изменяет содержимое и внешний вид документа
  3. Использует библиотеку React, которая помогает создавать качественные интерфейсы

Как проходит обучение Front-end разработчика

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

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

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

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

Стажировки и трудоустройство
Все выпускники программы проходят стажировки и трудоустраиваются в ведущие компании-партнеры Нетологии

Что вы получите, обучаясь в Нетологии?

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

Программа обучения Frontend разработке

Блок 1. HTML-верстка
  • Знание HTML и CSS
  • Применение Adobe Photoshop для задач веб-разработки
  • Обеспечение кроссбраузерности
Блок 2. Язык программирования JavaScript
  • Функции и функциональные выражения
  • Замыкания и область видимости переменных
  • Прототипы и наследование
  • var и let переменные и константы
  • Синтаксис классов
  • Итераторы
  • Генераторы
  • Промисы
Блок 3. JavaScript в браузере и Web API
  • Объектная модель браузера и документа (BOM и DOM)
  • Глубокое понимание работы событий и их обработки
  • Асинхронные HTTP-запросы (AJAX)
  • Веб-сокеты (WebSocket)
Блок 4. Библиотека React
  • React
  • React router
  • pub/sub, observer, mediator
  • MVC, MVVM
После обучения по программе вы получите в свое портфолио 100+ реализованных виджетов и 5 полноценных проектов
Это приравнивается к 6 месяцам работы в компании на позиции frontend-разработчика.
Дополнительно вы расширите опыт за счет стажировок.

Ключевые навыки, которые получает студент

  1. HTML-разметка
  2. Оформление при помощи CSS
  3. Верстка веб-страниц на основе макета
  4. Кросс-браузерная верстка
  5. Оптимизация работы с изображениями
  6. Применение принципов клиент-серверного взаимодействия
  7. Полноценная верстка страниц сайта
  8. Решение задач с использованием JavaScript
  9. Создание интерактивных веб-страниц
  10. Обработка событий
  11. Управление структурой документа
  12. Управление воспроизведением аудио и видео на странице
  13. Локальное хранилище (localStorage)
  14. Веб-сокеты
  15. Рисование в Canvas
  16. Работа с файлами и медиа-ресурсами
  17. Создание одностраничных веб-приложений (SPA)
  18. Работа с React, Flux
  19. Контроль изменений кода проекта и совместная работа на проекте нескольких разработчиков

Веб-разработчик с нуля

Программа

1. Верстка сайта на HTML и CSS

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

Введение в дисциплину

Git

3. Язык программирования JavaScript

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

4. JavaScript в браузере и Web API

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

2. Backend-разработка на PHP

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