[Е.П.] Интернет-магазин на PHP, MySQL, JavaScript, AJAX

Складчина: [Е.П.] Интернет-магазин на PHP, MySQL, JavaScript, AJAX

​

​

Самая популярная тема в сфере сайтостроения на данный момент — это интернет-магазины и лендинги. С лендингами все просто, а вот с интернет-магазинами ситуация сложнее. С одной стороны, есть много готовых движков, но они подходят не всем. А с другой стороны, можно написать интернет-магазин с нуля и под конкретные нужды (свои или заказчика), но для этого нужно обладать хорошими знаниями технологий HTML, CSS, PHP, MySQL, jQuery.

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

А для тех, кто хочет пройти этот путь максимально быстро, два Андрея создали свой самый сильный курс, который получил название «ИНТЕРНЕТ-МАГАЗИН ПОД КЛЮЧ»

Главные фишки курса

Самое главное в этом курсе то, что показан весь процесс – от момента, когда
дизайн есть только в виде картинки, и до момента, когда магазин
полностью готов и содержит как видимую часть, так и админку.​

Спойлер: Описание

Вас ждут 74 урока, которые
разбиты на 3 диска:​

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

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

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

Здесь вас ждут 25 уроков. Вот некоторые из них:​

Введение
В этом уроке Андрей раскроет основные моменты по верстке шаблона. Какие блоки, как верстать и т.д.


Разметка шапки магазина
Начинаем верстку блок за блоком. И первый такой блок — это шапка. Здесь вы будете верстать именно её.


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


Верстка блока новостей
В этом уроке Андрей покажет вам особенности блока новостей. Какой тег под дату, какой под заголовок и т. д.


Блок основного контента
Здесь вы узнаете особенности верстки главного блока контента. Почему иногда стоит упростить дизайн ради SEO.


Блок авторизации клиента
В этом уроке вы очень быстро сверстаете форму авторизации клиентов в вашем магазине.


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


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


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

24 основные выгоды от изучения этого раздела:​

Ваша выгода № 1
Вы узнаете, как максимально эффективно исследовать PSD-макет сайта.


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


Ваша выгода № 3
Вы научитесь правильно верстать блочный трехколоночный резиновый каркас.


Ваша выгода № 4
Вы поймете, как эффективно использовать позиционирование для резиновых сайтов.


Ваша выгода № 5
Вас ждут все тонкости поведения плавающих блоков. На этом вопросе многие спотыкаются, но вы сэкономите время и сделаете все быстро.


Ваша выгода № 6
Вы поймете, как правильно использовать свойство float для резиновых сайтов.


Ваша выгода № 7
Вы легко сможете определять и вырезать необходимые фоновые изображения.


Ваша выгода № 8
Вы научитесь грамотно позиционировать фоновые изображения.


Ваша выгода № 9
Вы узнаете, как описать, казалось бы, табличную структуру блоками.


Ваша выгода № 10
Вы сможете легко выравнивать элементы для резиновой верстки и создавать необходимые отступы.


Ваша выгода № 11
Вас ждет прием, который позволит предусмотреть все возможные поведения сайта при его наполнении. Это знание поможет вам избежать возможных проблем в будущем.


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


Ваша выгода № 13
Вы осознаете, как взаимодействуют плавающие, позиционированные и центрированные элементы макета.


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


Ваша выгода № 15
Вы научитесь использовать знаменитый плагин firebug для поиска и изменения стилей.


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


Ваша выгода № 17
Вы научитесь делать нестандартные поля для поиска.


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


Ваша выгода № 19
Вы научитесь использовать CSS3 для скругления углов и создания теней для блоков.


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


Ваша выгода № 21
Вы научитесь делать градиенты на CSS3.


Ваша выгода № 22
Как назначать градиенты, используя CSS3.


Ваша выгода № 23
Вы поймете, как можно легко ускорить процесс верстки на CSS3, используя сервис css3pie.


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

Что вы сделаете к концу этого раздела?
После проработки первой части вы сверстаете все страницы магазина:


При этом ваша верстка будет:
1
Кроссбраузерная
Магазин будет отображаться одинаково хорошо во всех браузерах.

2
Легко-масштабируемая
Страницы магазина не будут «рассыпаться» при добавлении товаров и страниц.

3
Резиновая
Магазин будет хорошо выглядеть как на узких, так и на широких мониторах.

4
Блочная
При верстке страниц каталога не используется ни одной таблицы.


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

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

Для написания пользовательской части использован популярный шаблон проектирования MVC.

Здесь вас ждут 17 уроков. Вот некоторые из них:​

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


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


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


Модуль корзины
Это один из важнейших уроков, где вы будете реализовывать функционал корзины товаров в интернет-магазине.


Блок основного контента
В этом уроке с помощью jQuery, PHP и AJAX вы оживите функционал формы входа пользователя на сайт.


Устранение уязвимостей XSS
Любой ввод пользовательских данных в базу должен быть обработан. В этом уроке вы узнаете как именно это делается.


Реализация оформления заказа
Вместе с Андреем вы настроите добавление нового клиента при оформлении заказа.


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


Хлебные крошки
Столь необычное название получила верхняя навигация. В этом уроке вы узнаете подход Андрея Кудлая к реализации этого элемента.

14 основных выгод от изучения этого раздела:​

Ваша выгода № 1
На простых примерах вы поймете суть концепции MVC и сможете задействовать все ее преимущества при разработке не только данного интернет-магазина, но и любого другого проекта.


Ваша выгода № 2
Научитесь создавать структуру приложения, исходя из концепции MVC.


Ваша выгода № 3
Вы узнаете принцип и алгоритм написания основы любого интернет-магазина – корзины.


Ваша выгода № 4
На примере создания корзины вы узнаете о том, насколько важно всегда проверять пользовательские данные.


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


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


Ваша выгода № 7
Вы научитесь создавать поиск по интернет-магазину, чтобы посетители могли легко находить нужные им товары.


Ваша выгода № 8
Сами создадите функциональную регистрацию и авторизацию пользователей. При этом процесс регистрации и последующей авторизации будет максимально быстрым и удобным, не нарушающим принципов юзабилити.


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


Ваша выгода № 10
Вы поймете, как легко реализовать хлебные крошки в интернет-магазине, не прибегая к сложным схемам.


Ваша выгода № 11
Вы научитесь сортировать товары по различным параметрам — цене, названию, дате и т. д.


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


Ваша выгода № 13
Вы научитесь программировать функцию отбора товаров по параметрам.


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

Какие результаты ждут вас на этом этапе?
1
Сверстанный сайт начинает оживать, и к этому моменту вся видимая для обычного пользователя часть уже работает. База данных сформирована и содержит определенный набор сведений.

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

3
К этому моменту вы уже хорошо разбираетесь в коде и можете дописывать новые функции для своих нужд.


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

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

Здесь вас ждут 28 уроков. Вот некоторые из них:​

Редактирование страниц
В этом уроке вы реализуете в админке функцию редактирования страниц вашего интернет-магазина.


Добавление новости
В этом уроке вы будете реализовывать возможность добавления новостей.


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


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


Добавление категорий товаров
Изучив данный урок, вы реализуете функцию добавления категорий товаров в админке.


Функция добавления товара
Из этого видео вы узнаете, как реализуется страница добавления товара в магазин.


Вид редактирования товара
В этом уроке вы с Андреем реализуете функцию редактирования любого товара внутри админки.


Авторизация администратора
Вы узнаете, как грамотно реализовать функцию входа администратора в админку.


Работа с заказами
Здесь вы будете тестировать функцию заказа и его статусы (подтвержденный, удаленный, новый и т.д.)

Комплектация «Интернет-магазин под ключ. Platinum»:
1 диск Нарезка и верстка макета
2 диск Пользовательская часть
3 диск Администраторская часть
«Цикл премиум-уроков MySQL»
«Цикл премиум-уроков PHP»
«Интернет-магазин на WordPress»
«Мгновенные клиенты в интернет-магазин»
«Php-программирование на Zend Framework»