🗊Презентация Фреймворки. Попу­ляр­ные фрейм­ворки для веб-раз­ра­ботки

Нажмите для полного просмотра!
Фреймворки. Попу­ляр­ные фрейм­ворки для веб-раз­ра­ботки, слайд №1Фреймворки. Попу­ляр­ные фрейм­ворки для веб-раз­ра­ботки, слайд №2Фреймворки. Попу­ляр­ные фрейм­ворки для веб-раз­ра­ботки, слайд №3Фреймворки. Попу­ляр­ные фрейм­ворки для веб-раз­ра­ботки, слайд №4Фреймворки. Попу­ляр­ные фрейм­ворки для веб-раз­ра­ботки, слайд №5Фреймворки. Попу­ляр­ные фрейм­ворки для веб-раз­ра­ботки, слайд №6Фреймворки. Попу­ляр­ные фрейм­ворки для веб-раз­ра­ботки, слайд №7

Вы можете ознакомиться и скачать презентацию на тему Фреймворки. Попу­ляр­ные фрейм­ворки для веб-раз­ра­ботки. Доклад-сообщение содержит 7 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации


Слайд 1





Фреймворки
Фреймворк (неологизм от англ. framework — каркас, структура) — программная платформа, определяющая структуру программной системы; программное обеспечение, облегчающее разработку и объединение разных компонентов большого программного проекта. Употребляется также слово «каркас», а некоторые авторы используют его в качестве основного, в том числе не базируясь вообще на англоязычном аналоге.
Фреймворк  это набор всевозможных библиотек (инструментов) для быстрой разработки повседневных (рутинных) задач. Чаще всего использует одну из распространенных архитектур приложения для разделения проекта на логические сегменты (модули). Главная цель фреймворка, предоставить программисту удобную среду для проекта с большим и хорошо расширяемым функционалом.
Описание слайда:
Фреймворки Фреймворк (неологизм от англ. framework — каркас, структура) — программная платформа, определяющая структуру программной системы; программное обеспечение, облегчающее разработку и объединение разных компонентов большого программного проекта. Употребляется также слово «каркас», а некоторые авторы используют его в качестве основного, в том числе не базируясь вообще на англоязычном аналоге. Фреймворк  это набор всевозможных библиотек (инструментов) для быстрой разработки повседневных (рутинных) задач. Чаще всего использует одну из распространенных архитектур приложения для разделения проекта на логические сегменты (модули). Главная цель фреймворка, предоставить программисту удобную среду для проекта с большим и хорошо расширяемым функционалом.

Слайд 2






Всем нам очень часто при создании сайтов приходилось использовать сторонние библиотеки с Интернета (css). Многие из таких библиотек которые приходилось использовать в проектах – вы выделяли в отдельную папку и перемещали от проекта к проекту. Если вам знаком данный подход, тогда вы подсознательно нуждались в фреймворке.
Сам фреймворк предлагает нам уже встроенные классы для. Все эти классы можете легко использовать во всех ваших проектах, при этом их подключение и использование будет максимально простым! 
Еще один из плюсов - структурирование архитектуры вашего сайта. Фреймворк содержит в себе перечень стандартных папок в которых предполагается что вы будете размещать необходимые части вашего приложения (отдельная папка для стиля, js, картинок). Поверьте, это действительно плюс, потому что позволяет вам поддерживать все файлы в порядке на нужных местах!
Описание слайда:
Всем нам очень часто при создании сайтов приходилось использовать сторонние библиотеки с Интернета (css). Многие из таких библиотек которые приходилось использовать в проектах – вы выделяли в отдельную папку и перемещали от проекта к проекту. Если вам знаком данный подход, тогда вы подсознательно нуждались в фреймворке. Сам фреймворк предлагает нам уже встроенные классы для. Все эти классы можете легко использовать во всех ваших проектах, при этом их подключение и использование будет максимально простым! Еще один из плюсов - структурирование архитектуры вашего сайта. Фреймворк содержит в себе перечень стандартных папок в которых предполагается что вы будете размещать необходимые части вашего приложения (отдельная папка для стиля, js, картинок). Поверьте, это действительно плюс, потому что позволяет вам поддерживать все файлы в порядке на нужных местах!

Слайд 3





Попу­ляр­ные фрейм­ворки для веб-раз­ра­ботки

Попу­ляр­ные php-фрейм­ворки:
Yii
Symphony
Zend
Kohana
CodeIgniter
Наи­бо­лее попу­ляр­ные ruby-фрейм­ворки:
Ruby on Rails (явный лидер)
Sinatra
Padrino
Описание слайда:
Попу­ляр­ные фрейм­ворки для веб-раз­ра­ботки Попу­ляр­ные php-фрейм­ворки: Yii Symphony Zend Kohana CodeIgniter Наи­бо­лее попу­ляр­ные ruby-фрейм­ворки: Ruby on Rails (явный лидер) Sinatra Padrino

Слайд 4





Framework-и для адаптивного дизайна

Адаптивный дизайн – это построение вебсайта с разметкой на базе сетки, масштабируемыми изображениями и медиазапросами, как его описывает Итан Маркотт (Ethan Marcotte). После того, как он дал определение этой технике, начали появляться framework-и адаптивного дизайна, объединяющие эти принципы. Основанные по большей части на CSS и JavaScript’е, многие из них с открытым кодом, их можно бесплатно скачать и легко модифицировать под себя.
Самые популярные сейчас – это Bootstrap и Foundation
Веб-сайт американского модерниста Пола Рэнда (Paul Rand) был создан с помощью Foundation. http://www.paul-rand.com/
Веб-сайт ресторана греческой кухни Grk построен с помощью Bootstrap.
http://www.grkfresh.com/home
Описание слайда:
Framework-и для адаптивного дизайна Адаптивный дизайн – это построение вебсайта с разметкой на базе сетки, масштабируемыми изображениями и медиазапросами, как его описывает Итан Маркотт (Ethan Marcotte). После того, как он дал определение этой технике, начали появляться framework-и адаптивного дизайна, объединяющие эти принципы. Основанные по большей части на CSS и JavaScript’е, многие из них с открытым кодом, их можно бесплатно скачать и легко модифицировать под себя. Самые популярные сейчас – это Bootstrap и Foundation Веб-сайт американского модерниста Пола Рэнда (Paul Rand) был создан с помощью Foundation. http://www.paul-rand.com/ Веб-сайт ресторана греческой кухни Grk построен с помощью Bootstrap. http://www.grkfresh.com/home

Слайд 5





Несколько популярных в стиле MDL
https://www.getmdl.io/index.html отсутствует большое количество элементов для функционала сайта, приходится дорабатывать при помощи сторонних библиотек
https://material.angularjs.org сыроват, присутствуют баги.
http://kearlsaint.github.io/material-css/ Более сложный, больше функционала
http://iamsurface.com/docs/tabs.html Более легкий, меньше каши в коде, более стандартный код с классами
https://www.polymer-project.org/1.0/ хорошо подойдет в качестве движка компонентов и анимаций.
http://materializecss.com/grid.html Даже есть перевод на русский, довольно легкий. (РЕКОМЕНДОВАНО)
Описание слайда:
Несколько популярных в стиле MDL https://www.getmdl.io/index.html отсутствует большое количество элементов для функционала сайта, приходится дорабатывать при помощи сторонних библиотек https://material.angularjs.org сыроват, присутствуют баги. http://kearlsaint.github.io/material-css/ Более сложный, больше функционала http://iamsurface.com/docs/tabs.html Более легкий, меньше каши в коде, более стандартный код с классами https://www.polymer-project.org/1.0/ хорошо подойдет в качестве движка компонентов и анимаций. http://materializecss.com/grid.html Даже есть перевод на русский, довольно легкий. (РЕКОМЕНДОВАНО)

Слайд 6





Знакомимся с http://materializecss.com/grid.html
Описание слайда:
Знакомимся с http://materializecss.com/grid.html

Слайд 7





Задание
Сделать 3 сайта на разные темы. Темы вы выбираете сами.  Стиль оформления MDL. Далее пригодится для портфолио! 
При разработке сайта используем фреймворк: materializecss.com.
Описание слайда:
Задание Сделать 3 сайта на разные темы. Темы вы выбираете сами. Стиль оформления MDL. Далее пригодится для портфолио! При разработке сайта используем фреймворк: materializecss.com.



Похожие презентации
Mypresentation.ru
Загрузить презентацию