Что такое тьюториал в образовании
Понятие тьюторства и его основные моменты
Определение 1
Тьюторство – это сопровождение в образовании, необходимое для учащихся с особенностями в развитии и ориентированное на упрощение их социализации.
Определение 2
Тьюториал — это методика построения индивидуальных программ обучения, направленных на коллективное обучение учащихся, нацеленное на развитие их коммуникативных навыков и рефлексии.
В качестве субъекта тьюториала выступает педагог, осуществляющий тьюторскую деятельность.
Процесс образования детей, которым требуется особый подход, чье поведение является девиантным требует применения квалифицированной профессиональной помощи педагогов. В этой связи, за такими учащимися закрепляется особый специалист – наставник, который оказывает поддержку ребенку и корректирует его развитие в нужном направлении.
Тьюторская миссия является посреднической, помогающей реализовать качественную и эффективную образовательную деятельность, найти продуктивный подход к проблемным учащимся, помочь их нормальному развитию, воспитать, необходимые для общества нравственные качества.
Тьюторская деятельность ориентируется на работу с проблемными семьями, родителями учащихся и воспитанников. Это достаточно сложная деятельность, которая реализуется в следующих основных направлениях:
- Разрешение затруднений учащихся с усвоением учебных программ, курсов, отдельных дисциплин. Каждый учащийся имеет специфику развития, особенности в интеллектуальных навыках, что не делает возможным одинаковое усвоение учебного материала. Это влияет и на успеваемость и, как следствие, на психическое развитие и эмоциональное состояние ребенка. Тьютор помогает устранить эти проблемы;
- Оказание помощи и поддержки в развитии личности учащегося, раскрытии его потенциала и творческих способностей. Работа тьютора характеризуется применением нестандартных подходов, навыков стимулирования к познанию, способности понять и принять ребенка с разнообразными проблемами;
- Деятельность тьютора является целенаправленной. Она ориентирована на определенный результат. Тьютор сопровождает своего подопечного на всех этапах учебно-воспитательного процесса, помогая осуществить переход между ними и достичь нужных результатов.
Среди основных моментов тьюторства в образовании можно выделить следующие:
- Деятельность носит компенсаторный характер, помогая скорректировать успеваемость учащихся, организовать дисциплину, составить программу дополнительных занятий. Целевым назначением работы тьютора является стирание несоответствия между существующей учебной программой и реальными способностями и возможностями учащихся;
- Тьютор применяет средства просвещения, с целью развития личностного потенциала учащихся, раскрытия их творческих способностей, формирования стремления к познанию и развитию. Тьютор стремится сделать из учащегося потенциального исследователя, способного самостоятельно проектировать свою деятельность и планировать каждый этап ее прохождения;
- В процессе тьюторства, учащийся должен пройти этапы культурного развития, личностного формирования и постепенного профессионального самоопределения.
Методики организации тьюторской образовательной деятельности
Процесс взаимодействия специалиста с подопечными носит гуманитарную направленность. Это означает, что педагогом организуется учебно-воспитательное взаимодействие и педагогическая помощь в усвоении программ обучения, социальной адаптации, привыкании к педагогическому процессу.
Тьютор только направляет деятельность учащегося в нужное русло, обеспечивая для этого все необходимые условия. Учащийся, на базе грамотной организации, специально разработанных условий осуществляет определенные действия.
Процесс тьюторской деятельности реализуется в таких основных формах:
- Проведение персональных консультаций. Такая форма носит индивидуальную направленность деятельности. В расчет берется учет специфических свойств развития каждого учащегося, его личностные характеристики, чтобы помочь направить его развитие в верном, продуктивном направлении.
- Проведение групповых консультаций. Педагог организует проведение бесед с коллективом учащихся, с сходными проблемами и потребностями. Сопровождение тьюториала носит стимулирующий характер, имеет коммуникативную и рефлексивную направленность.
- Проведение образовательных семинаров. Такое обучение носит групповой и открытый характер. Оно строится на базе необходимости развития мыслительных способностей учащихся, развить их рефлексию и коммуникативные навыки. Для этого применя.ются интерактивные и интенсивные методики обучения.
- Разработка образовательного события. Эта форма помогает сформировать мотивацию к познанию, разработать программы индивидуального обучения, привлечь учащихся к различным видам деятельности. В качестве события могут быть применены экскурсии, экспедиции, проведение экспериментов, выполнение лабораторных работ, прогулки.
Тьюторская деятельность реализуется посредством применения следующих методик:
- Рассмотрение практических ситуаций и процессов. Эта методика получила название кейс-обучения. Она предполагает проведение детального анализа конкретного явления или события, являющегося значимым в учебно-воспитательном процессе или жизнедеятельности учащегося.
- Показ окружающим достигнутых итогов деятельности.
- Организация дебатов.
- Методы проблемного обучения.
- Проведение психодиагностики.
Каждая из методик, на практике реализуется с помощью использования технологии портфолио, проведении бесед и консультаций с учащимися, которые могут носить, как коллективный, так и индивидуальный характер, проведения тренингов различных тематик, а также использования современных программных систем и информационных технологий, анкетирование, самоанализ и составление проектов.
Наиболее распространено применение тренингов. Такие методики активизируют познавательную заинтересованность учащихся. Это осуществляется за счет использования средств и методов активного обучения, включающих деловые и ролевые игры, проектировку моделей, групповое обсуждение, дискуссии, имитационные игры.
Туториал: что это и что такое tutorial в Интернет-сленге
Когда с неизвестной информацией быстро справиться не удается, а тратить время на освоение утомительных наставлений и инструкций нет желания, проблему поможет решить своего рода урок, называемый жаргонным словом «туториал». В его значении придется разобраться более подробно.
Значение «помощь»
Происхождение слова
Для начала следует определиться с происхождением нового интуитивно непонятного жаргонного образования. Оно перешло в интернетовский сленг из английского языка и в оригинальном написании выглядит как «tutorial» (в дословном переводе это значит «обучение»).
Другой перевод этого термина, определивший его происхождение и существование в качестве сленгового слова – это «учебник», «попечительство» или «обучение в колледже». Это означает не только призыв к действию, но и предмет или отношение к происходящему.
Оригинальное написание
Значение слова в Интернете
Для точного понимания значения нужно знать, что туториал – это вид обучающего материала или информации, которые преподносятся пользователю в самой простой форме. Все предаваемые при этом данные обычно оформляется в виде пошаговой инструкции или пособия, что обеспечивает простоту их восприятия.
Другие значения туториала увязываются с усиленным обучением или наставничеством, осуществляемым с новичками в определенной сфере интернетовских знаний.
Виды туториалов
Согласно принятой среди профессиональных пользователей классификации, туториалы бывают:
- в текстовом виде.
- в графическом исполнении.
- в форме видеоматериала.
Урок рисования
В частности, графические туториалы для работы художников наглядно поясняют, как нарисовать конкретный образ. Существуют туториалы для любого вида деятельности человека: от укладки паркета и визажа до прохождения отдельных игровых туров.
Примеры использования термина
Этот термин востребован, когда пользователь сталкивается с трудной задачей, к примеру, играет в сложную игру с большим количеством опций (профессий, жизней и умений). Если разобраться с ними самостоятельно не получается, на помощь приходит материал, называемый этим словом.
Пример: в процессе «прокачки» игрового персонажа грамотно распределить его умения потребуется с самого начала. В этом случае туториал – это набор инструкций, сформулированный опытными игроками и описывающий нюансы распределения.
Заключение
Понять, что за пользу приносит такое средство получения новых навыков, как туториал, – это значит разобраться с его назначением. Также важно ознакомиться с разными видами подачи информации и со сферой применения в практике работы с компьютерными приложениями.
Дидактический потенциал оксфордского тьюториала Текст научной статьи по специальности «Науки об образовании»
References
1. Makarenko A.S. Metodika organizatsii vospitatel’nogo protsessa (Technique of organization of educational process). Pedagogicheskie sochineniya: v 81. (Pedagogical essays: in 8 vol.). Comps L. Yu. Gordin, A. A. Frolov. Moscow, 1983, vol. 1, pp. 267-330 (in Russian).
2. Ivanov I. P. Metodika kommunarskogo vospitaniya (Technique of Komunarskiy education). Moscow, 1990. 208 p. (in Russian).
3. Ivanov I. P. Pedagogika kollektivnykh tvorcheskikh del (Pedagogy of collective creative affairs). Kiev, 1992. 234 p. (in Russian).
4. Gazman O. S. Neklassicheskoe vospitanie. Ot avtoritar-noy pedagogike k pedagogike svobody (Non-classical education. From authoritarian pedagogy to pedagogy of freedom). Moscow, 2002. 296 p. (in Russian).
5. Mudrik A. V. Vremya poiskov i resheniy, ili starsheklass-nikam o nikh samikh: kn. dlya uchashchikhsya (Time of search and solutions or for high school students about themselves: book for students). Moscow, 1990. 135 p. (in Russian).
6. Soloveychik S. Pedagogika dlya vsekh (Education for all). Moscow, 2000. 496 p. (in Russian).
7. Bederkhanova V. P. Pedagogicheskaya podderzhka in-dividualizatsii rebenka (Educational support for child’s individualization). Klassnyy rukovoditel’ (Class teacher), 2000, no. 3, pp. 39-51 (in Russian).
8. Demakova I. D. Gumanizatsiya prostranstva detstva: teoriya i praktika (Humanization of childhood space: Theory and Practice). Kazan, 2003. 212 p. (in Russian).
9. Polyakov S. D. O novom vospitanii: Ocherki kommunar-
skoy metodiki (About new rearing: Essays of Komunarskiy techniques). Moscow, 1990. 80 p. (in Russian).
10. Bederkhanova V. P., Demakova I. D., Krylova N. B. Gumanisticheskoe prostranstvo vospitaniya (Humanistic educational space). Narodnoe obrazovanie (National Education), 2011, no. 2, pp. 242-250 (in Russian).
11.Tubel’skiy A. N. Shkola budushchego, postroennaya vmeste s det’mi (School of Future is built together with children). Ed. A. Rusakov. Moscow, 2012. 440 p. (in Russian).
12. Aleksandrova E. A., Krylova N. B. Organizatsiya individual’nogo obrazovaniya v shkole (teoriyaipraktika) (Establishment of individual education at school {theory and practice}). Moscow, 2012. 314 p. (in Russian).
13. Zagvyazinskiy V. I., Emel’yanova I. N. Teoriya obuche-niya i vospitaniya: uchebnik dlya bakalavrov (Theory of training and education: textbook for bachelors). Moscow, 2012. 314 p. (in Russian).
14. Russo Zh.-Zh. Emil’, ili O vospitanii (Emile). St.-Peters-burg, 1913. 489 p. (in Russian, trans. from French).
15. Firsova T. G. Akmeolog detskogo chteniya: k voprosu o t’yutorstve v chitatel’skom razvitii (Acmeologist of children’s reading: to question of tutoring in reader’s development). Izv. Saratov Univ. (N.S.), Ser. Educational Acmeology. Developmental Psychology, 2013, vol. 2, iss. 1, pp. 103-109 (in Russian).
17. Baranauskiene I., Valaikiene A. Modelling of prevoca-tional education of students with special educational needs: situation and opportunities. Society, integration, education: proceedings of the international scientifical conference: in 2 vol. (Rezekne, May 24th-25th, 2013). Rezekne, 2013, vol. II, pp. 150-163.
УДК 378
ДИДАКТИЧЕСКИЙ ПОТЕНЦИАЛ ОКСФОРДСКОГО ТЬЮТОРИАЛА
Е. Г. Вьюшкина
Вьюшкина Елена Григорьевна — кандидат педагогических наук, доцент, кафедра английского языка, теоретической и прикладной лингвистики, Саратовская государственная академия права, Россия E-mail: [email protected]
Задача индивидуализации высшего образования требует изучения существующих эффективных индивидуальных форм обучения и поиска способов их внедрения в образовательный процесс российских вузов. Исследование особой формы обучения — оксфордского тьюториала — позволяет выделить его сущностные характеристики и предложить пути их использования. Проанализированы современные аутентичные источники, обобщены точки зрения опытных преподавателей-тьюторов Оксфордского университета, дано определение классического тьюториала. Рассмотрены возможности использования данной формы обучения в российских вузах, предложены способы использования некоторых элементов тьюториала в таких аспектах учебной деятель-
ности, как руководство написанием курсовых и дипломных работ, научно-исследовательской деятельностью студентов. Ключевые слова: тьюториал, индивидуализация, тьютор, сотрудничество, научно-исследовательская деятельность.
Э01: 10.18500/2304-9790-2016-5-3-274-281 Введение
Начавшиеся в конце прошлого века разработка тьюторских практик и их внедрение в школы и вузы нашей страны привели к включению профессии тьютор в «Единый квалификационный справочник должностей руководителей, специалистов и служащих». В разделе «Квалификационные характеристики должностей руко-
водителей и специалистов в сфере образования» должность «тьютор» входит в список педагогических работников, а в разделе «Квалификационные характеристики должностей руководителей и специалистов высшего профессионального и дополнительного профессионального образования» она включена в список должностей работников административно-хозяйственного и учебно-вспомогательного персонала, что, собственно, отражается в описании должностных обязанностей.
Однако в соответствии с перечисленными обязанностями тьютор в вузе «осуществляет консультации при подготовке к проведению групповых занятий-практикумов (тьюториалов). Оказывает помощь обучающимся (студентам, слушателям) в выполнении аттестационных работ разных типов, проводит их проверку и оценку» [1], т.е. присутствует элемент преподавательской деятельности. В свете выполнения задач, поставленных госпрограммой «Развитие образования» на 2013-2020 гг., а именно индивидуализации высшего образования, необходимо более тщательно изучить имеющийся мировой опыт деятельности тьюторов непосредственно в сфере обучения и выделить те характеристики и особенности, которые могут быть органично интегрированы в учебный процесс российского вуза. Наиболее ярким и успешным примером такой деятельности является оксфордский тью-ториал — объект предлагаемого в данной статье исследования.
Теоретический анализ проблемы
Английские университеты фигурируют в большинстве работ российских исследователей по тьюторству, которые вслед за А. А. Барбаригой и Н. В. Федоровой [2] называют их местом возникновения тьюторской системы воспитания и обучения, но очень немногие уделяют внимание более глубокому изучению образовательного аспекта данного явления. В учебном пособии Барбариги и Федоровой тьюторству посвящен параграф в главе «Методы и формы организации обучения в университетах», где на шести страницах дан обзор тьюторской системы.
Несмотря на идеологические оценки (книга вышла в 1979 г.) авторы объективно выделяют ключевые характеристики тьюториала: «регулярные занятия одного-двух студентов с преподавателем-тьютором на протяжении всего курса обучения» [2, с. 96]; «написание реферата в процессе подготовки английских студентов используется в двух целях: побуждения к самостоятельной работе и контроля за ее выполнением» [2, с. 98]. К сожалению, описание тьюторала дано очень обобщённо, хотя и указано на отличие Оксфорда и Кембриджа от других английских
университетов: «В Оксфордском и Кембриджском университетах, где обучения студентов основано на тьюторской системе, 90% тьютор-ских занятий в Оксфорде и 75% в Кембридже проводится с одним или двумя студентами. <.. .> в Краснокирпичных (Red Brick Universities -неформальный термин, обозначающий группу из шести престижных университетов Англии, изначально основанных как колледжи прикладных или инженерных дисциплин и получивших статус университета до начала Первой мировой войны. — Е.Ш.) и Новых (New Universities — в 1960-е гг. термин обозначал появившиеся в это время «университеты из листового стекла». В современной Великобритании термин чаще всего относится к политехническим институтам или колледжам, которые получили статус университетов в 1992 г. — Е.Ш.) университетах группы более многочисленны — 5-6 человек» [2, с. 97].
И. Д. Проскуровская рассматривает историю развития тьюторской системы в английских университетах через призму онтологии. Автор дает краткий исторический обзор коллегиального построения университетов и утверждения тьюторской системы как основы обучения, опираясь на источники XIX и XX вв., но главное, что интересует автора, это — «внутреннее, содержательное основание тьюторства» [3, с. 76], а не форма обучения.
Рассматривая особенности тьюторства в зарубежных вузах, С. М. Бочарова также обращается к английским университетам, начиная свой обзор именно с них. Автор объясняет целесообразность тьюторства «существенным преобладанием в учебных программах часов, выделенных на самостоятельную работу, над аудиторными, что трансформирует процесс образования студента в его самообразование, но под бдительным оком тьютора» [4, с. 10]. В статье приводятся определение тьюториала, предложенное Р. Беком, и точка зрения на тьюториал В. Г. Мура, но рассмотрение вопроса ограничивается тремя абзацами.
Книга Вила Г. Мура «Система тьюториалов и ее будущее» («The Tutorial System and its Future», 1968) упоминается во многих зарубежных и отечественных исследованиях (автору данной статьи, к сожалению, не удалось найти первоисточник) и является, по мнению Д. Палфреймана, одного из руководителей Нового колледжа (New College) и директора Оксфордского центра по изучению политики в области высшего образования (OxCHEPS), «на данный момент единственным подробным определением действительной ценности системы тьюториалов» [5, с. 19].
Д. Палфрейман приводит много цитат В. Мура в своем эссе «Оксфордский тьюториал: священная корова или педагогическое сокровище?» (The Oxford Tutorial: Sacred Cow or Peda-
gogical Gem?), отвечая на вопрос, поставленный в названии. Данная работа входит в сборник эссе, авторами которых являются преподаватели колледжей с большим опытом работы тьюторами. Книга «Оксфордский тьюториал: Спасибо, Вы научили меня как думать» знакомит читателя с точками зрения и практическим опытом представителей различных академических дисциплин и представляет интерес не только для студентов и преподавателей Оксфорда, но и для педагогов других английских и зарубежных вузов.
Роберт Бек, профессор Калифорнийского университета (University of California, Irvine, СА) и профессор-консультант университета Лоренс в штате Висконсин (Lawrence University, Appleton, WI) использует эту работу для определения понятия «тьюториал» в статье, посвященной теоретическому обоснованию данной формы обучения [6]. Почетный профессор Оксфордского университета Генри Майр-Хартинг ссылается на книгу под редакцией Палфреймана, выделяя сущностные характеристики тьюториала [7]. Описывая классическую модель тьюторства, обращается к этой работе Е. А. Андреева [8], ссылаются на нее и другие российские исследователи [9-11], не всегда правильно, на наш взгляд, интерпретируя авторов (книга не переведена на русский язык).
Рассматривая тьюторскую систему обучения в современном образовании Англии, Е. В. Бе-лицкая пишет, что «наиболее интересной <…> является тьюторская система, представленная в высших учебных заведениях» [9, с. 96], но подробно изучает «руководства к работе университетских тьюторов» (‘University Tutor Handbook’) различных английских университетов, уделяя внимание позиции тьютора в университете, а не тьюториалу. Говоря об изменениях системы, автор приводит мнение Д. Палфреймана о необходимости «отказа университета Оксфорда и его колледжей от индивидуальных тьютор-ских занятий и переходу к групповым, что обусловлено трудностями финансирования» [10, с. 254], но данная цитата вырвана из контекста, что ведет к искажению оригинальной мысли Д. Палфреймана. В своей статья «Оксфорд и упадок коллегиальной традиции» (‘Oxford and the Decline of the Collegiate Tradition’) автор задает вопрос, сумеет ли Оксфорд сохранить свою педагогическую исключительность в современных условиях, и говорит, что «мы признаем, что финансовое давление подталкивает Университет и колледжи отойти от тьюториалов с одним-дву-мя студентами к обучению в малых группах» [5, с. 19], но после рассмотрения данного вопроса автор приходит к положительному выводу: «Гибкость системы тьюториалов обеспечит ее выживание»» [5, с. 20].
Говоря о становлении и развитии тьютор-ской деятельности в России, Е. А. Челнокова
также обращается к истории возникновения тьюторства в Англии и работам А. А. Барбариги и Н. В. Федоровой, В. Мура, А. Райна, но автора, в первую очередь, интересуют характеристики тьютора, а не форма обучения «тьюториал» [11. с. 41].
Е. В. Гончарова и Т. С. Шевченко отмечают, что «трудно себе представить адекватное воспроизведение феномена тьюторства в условиях <…> организации университетского образования, выстраиваемого на основе государственных образовательных стандартов и требований потенциальных работодателей» [12, с. 13], тем не менее они предлагают три модели взаимодействия тьютора и студентов в образовательном пространстве вуза. Однако данные модели в большей степени направлены на адаптацию и поддержку студентов, решение возникающих в процессе обучения проблем.
Постановка задачи
Несмотря на наличие в отечественной литературе и периодике публикаций, посвященных тьюторству как явлению в современной педагогике и тьюторству в английских вузах в частности, говоря о последнем, многие авторы опираются в своих исследованиях на вторичные источники и, следовательно, не всегда, на наш взгляд, объективно отражают настоящее состояние вопроса. Более того, авторы, ссылающиеся на аутентичные источники, не рассматривают оксфордский тьюториал как особую форму обучения, а больше уделяют внимание вопросам индивидуального подхода к студентам, их адаптации к новым условиям университета, помощи при решении возникающих проблем. Таким образом, настоящее исследование нацелено на решение следующих задач: 1) изучить аутентичный материал, посвященный оксфордскому тьюториалу; 2) описать данную форму обучения на современном этапе развития образования; 3) выделить те характеристики и особенности, которые могут быть применены в российских вузах.
Описание исследования
Оксфордский университет постоянно занимает верхние строки мировых рейтингов вузов не только благодаря многовековым традициям, но и благодаря усилиям по поддержке и повышению квалификации профессорско-преподавательского состава, непрерывному изучению и совершенствованию форм, методов и технологий обучения. Входящий в состав университета Институт методики обучения (Oxford Learning Institute, ранее Институт развития университетского обучения — Institute for the Advancement of University Learning) на своем сайте предлагает
курсы и программы повышения квалификации, рекомендации по преподаванию и оценке результатов обучения, причем проведение тьюториала (tutorial teaching) занимает первую строчку длинного списка. Именно материалы этого сайта, а также документы и научные публикации, найденные по гиперссылкам и с помощью поисковых систем, стали источниками для предлагаемого исследования.
Стратегический план Оксфордского университета на 2013-2018 гг. выдвигает приоритетные цели университета и намечает основные направления для их осуществления. Так, задача осуществлять процесс обучения студентов и магистрантов на самом высоком уровне обеспечивается исключительностью и высоким качеством преподавания в Оксфорде, основанном на индивидуальной поддержке обучающихся при решении сложных задач по достижению совершенства, и «система тьюториалов является краеугольным камнем такого подхода к студентам» [13, с. 7]. Более подробно эта организационная форма обучения описывается в руководстве по обеспечению учебного процесса на уровне бакалавриата, составленного Комитетом по образованию, структурным подразделением университета, отвечающим за учебный процесс [14].
Вышеупомянутая публикация предназначена для руководящего и профессорско-преподавательского состава колледжей и факультетов/ кафедр и предлагает описание общих требований к организации учебного процесса и формированию необходимых навыков, организационным формам педагогической деятельности, способам взаимодействия учебной и исследовательской работы, проведению экзаменов [14, с. 2]. Необходимо отметить, что рекомендации по проведению тьюториалов и использованию методов их проведения занимают центральное место в данном документе.
Опираясь на стратегический план университета, в руководстве подчеркивается, что тьюториал является основной организационной формой обучения в университете, и предлагается использовать различные способы его проведения в зависимости от изучаемой дисциплины и индивидуальных потребностей студентов. Более того, при организации тьюториалов должны учитываться рекомендации Комитета по их количеству. Не менее важным фактором использования данной формы обучения является анализ обратной связи, причем предлагается применять разнообразные способы ее получения, подчеркивается важность регулярности отчетов, всестороннее содействие пониманию студентами целей тьюториалов [14, с. 10].
Именно анализ опроса студентов позволил Кейту Тригвеллу и Полу Эшвину (в рамках исследования Института развития университетского
обучения) выделить четыре версии восприятия и понимания студентами роли тьюториалов:
1) тьюториал, в рамках которого тьютор объясняет студенту материал дисциплины, не понятый студентом;
2) тьюториал, в рамках которого тьютор показывает студенту, как он/она (тьютор) понимает дисциплину;
3) тьюториал, в рамках которого тьютор разъясняет связь различных аспектов изучаемой темы, чтобы помочь студенты развить более широкое ее поминание в рамках дисциплины;
4) тьюториал, в рамках которого тьютор и студент обмениваются различными точками зрения и вместе приходят к новому пониманию [15, с. 19].
Данное восприятие роли тьюториалов студентами Е. А. Андреева ошибочно, на наш взгляд, рассматривает как виды тьюториалов [8, с. 27]. Принимая во внимание результаты исследования Тригвелла и Эшвина и признавая наличие разных точек зрения на тьюториал, Ко -митет по образованию университета отмечает, что только третий и четвертый пункты отражают истинную сущность тьюториала и позитивный результат данного вида учебной деятельности. Комитет подчеркивает, что целью тьюториалов является «развитие индивидуальных способностей студента глубоко понимать дисциплину и использовать с возрастающей уверенностью присущие ей методики и методологии» [14, с. 11].
Уточняя специфику целей тьюториалов для естественно-научного, гуманитарного и философского направлений подготовки, Комитет рекомендует руководителям колледжей максимально подробно разъяснять студентам эти цели на организационном собрании в начале семестра, в соответствующих памятках обучающимся, в ходе проведения тьюториалов.
Учет интересов студентов и особенностей процесса обучения в вузе лежит в основе рекомендаций начинающим тьюторам, подготовленных Институтом методики обучения (Oxford Learning Institute). Многие исследователи начинают свои работы с определения тьюториала, данного Виллом Муром (Will G. Moore): «тьюториал — это еженедельная встреча студента с преподавателем, к которому он прикреплен <.. .> [тьюториал требует] подготовки эссе, представляемого устно, выслушиваемого тьютором и обсуждаемого на месте <…> Обычной чертой этого метода является неофициальность <. > Он обычно проводится <.> в комнатах тьютора в колледже <.> в креслах перед камином» [16, с. 1]. Хотя сегодня многие тьюторы не требуют устной презентации и существует множество различных подходов к организации этого часового занятия, в центре внимания остается максимально эффективный процесс обучения студента.
Сьюзанн Шейл [16, с. 1] отмечает, что многие хорошие тьюторы не подводят теоретической базы под свою работу, другие говорят, что в основе их преподавания лежит сочетание научных знаний, практики и здравого смысла, но и без таких объяснений все хорошие тьюторы прекрасно понимают, что необходимо студентам. Начинающим тьюторам важно понять, как происходит процесс обучения студента, чтобы сделать свои тьюториалы полезными и эффективными.
Подходы студентов к обучению делят на глубокий и поверхностный. Первый характеризуется желанием студента понять материал для самого себя, в процессе обучения происходит трансформация знаний, а именно — критическое восприятие и сравнение с уже имеющимися знаниями, поиск принципов взаимодействия концепций, построение логических объяснений. Для второго подхода присущи намерение просто воспроизвести содержание, пассивное восприятие материала, воспроизведение информации и, следовательно, неспособность выделить основные принципы и схемы [16, с. 4]. Именно на развитие у студентов голубого подхода к обучению и направлен тьюториал.
Основой преподавания в рамках тьюториала является критическая взаимосвязь понимания студентом природы, задач обучения и понимания тьютором интересов студента и, как следствие, создание персональных заданий. Эти задания строятся исходя из имеющихся знаний студента и на базе научных знаний и опыта тьютора. Важным фактором, влияющим на успешность тью-ториала, являются и личные взаимоотношения тьютора и студента, которые не ограничиваются процессом обучения [16, с. 13].
Правильное понимание студентами цели и методов тьюториала не менее существенно для эффективности процесса обучения. Именно для студентов предназначен вышеупомянутый сборник эссе под редакцией Д. Палфреймана. Тьюториал, по его мнению, основывается на простой, но важной идее, что наиболее эффективный способ понять и выучить что-либо — это написать об этом. В процессе письма нужно не просто подобрать материал, но и обдумать его в контексте поставленного вопроса, обобщить для ответа на этот вопрос, быть готовым обсуждать его с тьютором. Только весь процесс целиком способствует усвоению материала, постоянному развитию навыков и способов познания студента [5, с. 33]. О систематической тренировке метаког-нитивных способностей в рамках оксфордского тьюториала говорит и Р. Бек, разбирая его составные части — написание эссе, его презентацию и обсуждение [6].
«Нет эссе, нет тьюториала», — цитирует Майр-Хартинг одного из своих коллег, обращая
внимание на важную отличительную черту тьюториала: в его основе лежит обсуждение работы, подготовленной студентом, а не план преподавателя. Он подчеркивает, что студент не просто должен получить тему эссе/задачу и список литературы, но и инструкции, что читать в первую очередь и на что обратить внимание. Более того, во время тьюториала необходимо предоставить студенту конструктивную критику, а не оценку эссе/решения задачи: тьютор должен объяснить, что является хорошей работой, а не констатировать факт, что студент сделал работу хорошо, тогда он/она сможет осознанно повторить свой успех [7].
Еженедельная работа над предложенным тьютором на данную неделю вопросом, в отличие от лекций, заставляет студента серьезно изучить материал, разработать свою точку зрения, подготовить аргументы, ее поддерживающие, и устно представить их тьютору. Таким образом, в рамках тьюториала развиваются так называемые навыки широкого применения (transferable skills, хотя по-русски лучше использовать термин «универсальные компетенции») и способности думать самому и понимать, как думают другие [5, с. 58-60].
Подчеркивает важность тьюториала для развития универсальных компетенций и Ричард Мэш [5, с. 80]: исследовательские навыки развиваются в процессе чтения, аналитические навыки необходимы для выделения основных элементов ответа на вопрос эссе/задачи, навыки критического мышления применяются при оценке точек зрения различных авторов, навыки письма — при подготовке эссе, а навыки устного выступления отрабатываются во время дискуссии с тьютором.
Питер Мирфилд, не умаляя важности предмета изучения, заявляет, что при проведении тьюториала именно способ изучения имеет первостепенную важность. Хороший тьютор избегает прочтения мини-лекции в ответ на вопрос студента, а строит обсуждение так, что в итоге студент сам отвечает на свой вопрос [5, с. 45].
«Все на виду» (No hiding place) — так Роджер Пиерсон описывает тьюториал, обращая внимание, что это относится как к студенту, так и к преподавателю (тьютору). Студент не сможет «отсидеться» на последней парте, как на семинаре, но и тьютор должен быть готов не только спрашивать, но и отвечать на вопросы. Тьютори-ал — это непрерывный процесс умственного развития, длящийся несколько лет, и когда студенты понимают, что ошибки и недостаток знаний не влекут за собой «наказания», они получают уникальную возможность самосовершенствования [5, с. 47-48].
Анализ обратной связи тьюторами — неотъемлемая часть эффективности тьюториала. Пенни Смит делает вывод, что ее студенты положительно воспринимают данную форму обучения в силу двух причин: во-первых, как стимул работать в течение всего года, а не только перед экзаменами; во-вторых, как выявление и разъяснение проблематичных аспектов предмета по мере их возникновения [5, с. 65].
Проанализировав и обобщив точки зрения оксфордских тьюторов, можно предложить следующее определение тьюториала: еженедельное часовое занятие с одним или двумя студентами, которое, во-первых, направлено на расширение и углубление понимания студентом/студентами предмета изучения, во-вторых, построено на обсуждении работы студента/студентов (эссе, решения задачи), подготовленной им/ими к данному занятию, в-третьих, способствует успешной сдаче экзамена.
Еще одна важная характеристика тьюториа-ла, на которую обращают внимание многие авторы и которая, собственно, и обусловливает его существование только в Оксфорде и Кембридже, -это его стоимость. Мнение Д. Палфреймана по данному вопросу приведено в обзоре литературы, Р. Даукинс называет систему тьюториалов «роскошью» [5, с. 51], а П. Смит, указывая на множество достоинств тьюториалов, признает, что система очень затратная, с точки зрения и денег, и времени [5, с. 66]. Проведение тьюториалов с одним-двумя студентами является прерогативой элитных учебных заведений и плохо вписывается в систему массового высшего образования, тем не менее некоторые элементы данной системы могут применяться и способствовать улучшению качества образования.
Во-первых, преподавателям/кафедрам необходимо разработать многовариантные задания/ темы письменных работ с детализированными списками литературы и подробными рекомендациями для самостоятельной работы, на которую при переходе на двухуровневую систему высшего образования приходится большой объем учебной нагрузки. Контроль выполнения этих заданий нужно проводить в виде дискуссий на семинаре.
Во-вторых, опыт проведения тьюториалов вполне приемлем для руководства научно-исследовательской деятельностью студентов и написанием курсовых/дипломных работ. Несомненно, части научных руководителей придется поменять стиль работы с директивного на кооперативный и освоить метод сократовского диалога, чтобы продуктивно использовать выделенное на данный вид работы время. При руководстве студенческим научным кружком степень использования методов тьюториала зависит от количества студентов, занимающихся в данном кружке.
Заключение
Изучение и анализ аутентичного материала, посвященного оксфордскому тьюториалу, позволили автору, во-первых, сформулировать определение данной формы обучения; во-вторых, констатировать элитарность классической модели тьюториала и невозможность ее применения в российских вузах в неизменном виде; в-третьих, предложить способы использования элементов тьюториала для организации самостоятельной работы и руководства научно-исследовательской деятельностью студентов.
Целесообразным продолжением данного исследования может стать разработка условий и характеристик тьюторского сопровождения научно-исследовательской деятельности студентов как в рамках написания курсовых и дипломных работ, так и при работе в студенческих научных кружках, при подготовке статей и тезисов к конференциям, круглым столам, другим научным мероприятиям.
Библиографический список
1. Приказ Минздравсоцразвития России от 11 января 2011 г. № 1н г. Москва. «Об утверждении Единого квалификационного справочника должностей руководителей, специалистов и служащих. URL: http:// www.rg.ru /2011/05/13/spravochnik-dok.html (дата обращения: 22.01.2016).
2. Барбарига А. А., Федорова Н. В. Британские университеты : учеб. пособие для пед. ин-тов. М., 1979. 127 с.
3. Проскуровская И. Д. Опыт реконструкции исторических оснований тьюторства (на материале истории английских университетов) // Вестн. Томск. гос. унта. Сер. Философия. Социология. Политология. 2009. №2. С. 71-81.
4. Бочкарева С. М. Особенности тьюторства в современной зарубежной высшей школе // Высшее образование сегодня. 2011. № 3. С. 9-11.
5. The Oxford Tutorial: ‘Thanks, you taught me how to think’ / Ed. by D. Palfreyman; 2nd ed. Oxford, 2008. 117 p. URL: http://oxcheps.new.ox.ac.uk/Publications/ Resources/0xCHEPS_0P1_08.pdf (дата обращения: 22.01.2016)
6. Beck R. J. Towards a pedagogy of the Oxford Tutorial. URL: http://www2.lawrence.edu/fast/beckr/pdfs/Oxford-Tutorial_7_05_06.pdf (дата обращения: 22.01.2016).
7. Mayr-Harting H. A lecture presented at Lawrence University. Appleton, WI. November 9, 2006. URL: http://web. archive.org/web/20130308174922/http://www.lawrence. edu/conference/tutorials/2007/mayr-harting.shtml pdf (дата обращения: 22.01.2016).
8. Андреева Е. А. Сравнительный анализ моделей тьюторства на примере Англии, Германии, Объединенных Арабских Эмиратов и России : дис. … канд. пед. наук. М., 2012. 222 с.
9. Белицкая Е. В. Тьюторская система обучения в современном образовании Англии : дис. … канд. пед. наук. М., 2012. 201 с.
10. Белицкая Е. В. Преимущества и недостатки тьютор-ской системы обучения в современной образовании Англии // Вестн. Челяб. гос. пед. ун-та. 2012. № 1. С. 253-259.
11. Челнокова Е. А. Становление и развитие тьюторской деятельности в России // Magister Dixit : науч.-пед. журн. Восточной Сибири 2014. № 4 (16). С. 39-47.
12. Гончарова Е. В., Шевченко Т. С. Сопровождение индивидуальной образовательной траектории обучения студентов // Вестн. Нижневарт. гос. ун-та. 2012. № 2. С. 12-18.
13. Strategic plan 2013-18. University of Oxford. URL: http://www.ox. ac.uk/about/organisation/strategic-plan pdf (дата обращения: 22.01.2016).
14. Education committee policy and guidance on undergraduate learning and teaching. 2013. URL: https:// www.admin.ox.ac.uk/media/global/ wwwadminoxacuk/ localsites/educationcommittee/documents/notesofguid-ance/uglandt13.pdf pdf (дата обращения: 22.01.2016).
15. Trigwell K., Ashwin P. Undergraduate students’ experience of learning at the University of Oxford, Institute for the Advancement of University Learning. University of Oxford, 2003. URL: http://www.itl.usyd.edu.au/aboutus/ olcpfinal.pdf pdf (дата обращения: 22.01.2016).
16. Shale S. Understanding the learning process : tutorial teaching in the context of research into learning in higher education. 2000. URL: https://www.learning. ox.ac.uk/media/global/wwwadminoxacuk/localsites/ oxfordlearninginstitute/documents/supportresources/ lecturersteachingstaff/developmentprogrammes/Under-standingtheLearningProcess.pdf pdf (дата обращения: 22.01.2016)
Didactic Potential of Oxford Tutorial
Elena G. Vyushkina
Saratov State Law Academy 1, Volskaya str., Saratov, 410056, Russia E-mail: [email protected]
The goal of higher education individualization demands to study existing effective individual forms of teaching and to find ways of their implementation into Russian universities teaching and learning process. The research of a special teaching phenomenon — Oxford tutorial — allows eliciting its characteristic features and suggesting ways of its implementation. Modern authentic sources have been analyzed, Oxford university experienced tutors’ points of view have been synthesized, a classical tutorial definition is given. Possibilities of using this form of teaching in Russian universities are studied and ways of some tutorial elements implementation in academic and scientific supervising are offered. Key words: tutorial, individualization, tutor, cooperation, research.
References
1. Prikaz Minzdravsotsrazvitiya Rossii ot 11 yanvarya 2011 g. № 1n g. Moskva. «Ob utverzhdenii Edinogo kvali-
fikatsionnogo spravochnika dolzhnostey rukovoditeley, spetsialistov i sluzhashchikh (RF Ministry of Healthcare and Social Development Decree of 11 January 2011 no. 1n, Moscow. «On confirmation of unified qualification reference book»). Available at: http://www.rg.ru /2011/05/13/spravochnik-dok.html (accessed 21 January 2016) (in Russian).
2. Barbariga A. A., Fedorova N. V. Britanskie universitety (British Universities). Moscow, 1979. 127 p. (in Russian).
3. Proskurovskaya I. D. Opyt rekonstruktsii istoricheskikh osnovaniy t’yutorstva (na materiale istorii angliyskikh universitetov) (Reconstruction of tutoring historic foundation {on the basis of English universities history}). Vestn. Tomsk. gos. un-ta. Ser. Filosofiya. Sotsiologiya. Politologiya (Tomsk State University Journal. Ser. Philosophy. Social Sciences. Political Science), 2009, no. 2, pp. 71-81 (in Russian).
4. Bochkareva S. M. Osobennosti t’yuterstva v sovremen-noy zarubezhnoy vysshey shkole (Tutoring peculiarities in modern universities abroad). Vysshee obrazovanie segodnya (Higher Education Today), 2011, no. 3, pp. 9-11 (in Russian).
5. The Oxford Tutorial: ‘Thanks, you taught me how to think’. Ed. by D. Palfreyman. 2nd edition. Oxford, 2008. 117 p. Available at: http://oxcheps.new.ox.ac.uk/Publica-tions/Resources/0xCHEPS_0P1_08.pdf (accessed 21 January 2016) (in Russian).
6. Beck R. J. Towards a pedagogy of the Oxford Tutorial. Available at: http://www2.lawrence.edu/fast/beckr/pdfs/ 0xfordTutorial_7_05_06.pdf (accessed 21 January 2016) (in English).
7. Mayr-Harting H. A lecture presented at Lawrence University. Appleton, WI. November 9, 2006. Available at: http://web.archive.org/web/20130308174922/http:// www.lawrence.edu/conference/tutorials/2007/mayr-harting.shtml (accessed 21 January 2016) (in English).
8. Andreeva E. A. Sravnitel’nyy analiz modeley t’yutorstva naprimere Anglii, Germanii, Ob»edinennykh Arabskikh Emiratakh I Rossii: dis. … kand. ped. nauk (Comparative analysis of tutoring models: on the basis of England, Germany, Arab Emirates and Russia: diss. … cand. of pedagogy). Moscow, 2012. 222 p. (in Russian).
9. Belitskaya E. V. T’yutorskaya sistema obucheniya v sovremennom obrazovanii Anglii: dis. … kand. ped. nauk (Tutoring system of teaching in modern English education: diss. … cand. of pedagogy). Moscow, 2012. 201 p. (in Russian).
10. Belitskaya E. V. Preimushchestva i nedostatki t’yutorskoy sistemy obucheniya v sovremennoy obrazovanii Anglii (Advantages and disadvantages of tutoring system of teaching in modern English education). Vestn. Chelyab. gos. ped. un-ta (Herald of Chelyabinsk State Pedagogic University), 2012, no. 1, pp. 253-259 (in Russian).
11. Chelnokova E. A. Stanovlenie i razvitie t’yutorskoy deyatel’nosti v Rossii (Formation and development of tutors’ activities in Russia). Magister Dixit: Nauchno-pedagogicheskiy zhurnal Vostochnoy Sibiri (Magister Dixit: Scientifec and pedagogical journal of Eastern Siberia), 2014, no. 4 (16), pp. 39-47 (in Russian).
12. Goncharova E. V., Shevchenko T.S . Soprovozhdenie individual’noy obrazovatel’noy traektorii obucheniya studentov (Support of individual trajectory of teaching students). Vestn. Nizhnevartovsk. gos. un-ta (Bulletin of Nizhnevartovsk State University), 2012, no. 2, pp. 12-18 (in Russian).
13. Strategic plan 2013-18. University of Oxford. Available at: http://www.ox. ac.uk/about/organisation/strategic-plan (accessed 21 January 2016) (in English).
14. Education committee policy and guidance on undergraduate learning and teaching. 2013. Available at: https://www. admin.ox.ac.uk/media/global/ wwwadminoxacuk/local-sites/educationcommittee/documents/notesofguidance/ uglandt13.pdf (accessed 21 January 2016) (in English).
15. Trigwell K., Ashwin P. Undergraduate students’ experience of learning at the University of Oxford, Institute for the Advancement of University Learning. University of Oxford, 2003. Available at: http://www.itl.usyd.edu. au/aboutus/olcpfinal.pdf (accessed 21 January 2016) (in English).
16. Shale S. Understanding the learning process: tutorial teaching in the context of research into learning in higher education. 2000. Available at: https://www. learning. ox.ac.uk/media/global/wwwadminoxacuk/localsites/ oxfordlearninginstitute/documents/supportresources/ lecturersteachingstaff/developmentprogrammes/Under-standingtheLearningProcess.pdf (accessed 21 January 2016) (in English).
Мастер-класс, семинар, тренинг, тьюториал – в чём разница? — ЦЕДО
Мастер-класс
Мастер-класс — это краткий (до 2 часов) рассказ об идеях, технологиях, методах, применяемых автором для решения задач. Он рассказывает — Вы слушаете. По сути — это демонстрация возможностей автора.
На хорошем мастер-классе можно узнать что-то новое и интересное. Однако, надо быть готовым к тому, что за 2 часа Вы узнаете не так много, как на семинаре, и не обретёте навыков автора.
Мы предлагаем посещать мастер-классы, когда Вы заинтересованы пройти обучение у автора и хотите с ним предварительно познакомиться.
Семинар
Семинар — это развёрнутый и подробный рассказ по какой-нибудь теме. Может продолжаться от нескольких часов до нескольких дней. Спикер рассказывает — Вы слушаете. По сути — это очень большая лекция, во время которой есть место для дискуссии и обсуждения возникающих у участников вопросов.
На хорошем семианре можно узнать много нового и интересного. Однако, надо быть готовым к тому, что искать способы применения новых знаний придётся самостоятельно.
Мы предлагаем посещать семинары по таким тематикам, в которых Вам достаточно получить знания, а их применение будет ситуативным.
Тренинг
Тренинг — это групповое занятие, во время которого формируются какие-нибудь конкретные навыки, отрабатывается применение полученных знаний. Может продолжаться от 1 часа до нескольких дней, может быть регулярным, как занятия в тренажёрном зале. Тренер даёт задание — Вы работаете над его выполнением, тренируетесь. По сути — это в первую очередь практические занятия.
На хорошем тренинге можно научиться что-либо делать достаточно хорошо для того, чтобы потом это можно было применять в жизни. Однако, надо быть готовым к тому, что объём получаемых на тренинге новых знаний будет ограничен — только то, что необходимо для формирования навыка.
Мы предлагаем посещать тренинги, когда Вы точно знаете каких навыков Вам не хватает.
Тьюториал
Тьюториал — это групповое практическое занятие, дополняюще самостоятельные занятия при обучении по дистанционной технологии или технологии комбинированного обучения (blended learning). Может продолжаться от 3 до 6 часов. Тьютор выясняет возникшие при самостоятельных зянятиях проблемы и даёт задания, позволяющие попрактиковаться и освоить новые знания, обменяться опытом с коллегами. На тьюториалах применяются активные методы обучения: групповые дискуссии, деловые игры, тренинги, мозговой штурм. По сути — это лёгкая форма тренинга, в которой под руководством тьютора другие участиники помогают Вам освоить полученные знания.
На хорошем тьюториале можно устранить пробелы в знаниях, разобраться в непонятных темах и научиться применять полученные самомтоятельно знания. Однако, надо быть готовым к тому, что сначала надо получить знания, подготовиться, чтобы стать равноправным участником дискуссий и групповой работы.
Мы проводим тьюториалы для участников курсов повышения квалификации и профессиональной подготовки, которые мы реализуем с применением технологии комбинированного обучения (blended learning).
Git merge | Atlassian Git Tutorial
Команда git merge
отвечает за объединение ветвлений в истории Git и позволяет выполнять слияние отдельных процессов разработки, созданных с помощью команды git branch
, в единую ветку.
Обратите внимание: все приведенные ниже команды выполняют слияние в текущую ветку, в то время как целевая ветка остается без изменений. Поэтому git merge
часто используется в сочетании с командами git checkout
(выбор текущей ветки) и git branch -d
(удаление целевой устаревшей ветки).
Порядок действий
Команда git merge
объединяет несколько последовательностей коммитов в общую историю. Чаще всего с помощью команды git merge
объединяют две ветки. Подобный метод слияния рассматривается в примерах ниже. В таких случаях команда git merge
берет два указателя на коммиты (обычно последние) и находит общий для них родительский коммит. Затем Git создает «коммит слияния», в котором сочетаются изменения из обеих последовательностей, выбранных к слиянию.
Представим, что у нас есть новая функциональная ветка, которая отходит от основной (master
). Нам нужно объединить функциональную ветку с master
.
При запуске этой команды произойдет слияние указанной функциональной ветки с текущей — в данном случае это master
. Git автоматически определяет алгоритм слияния (подробнее см. ниже).
Коммиты слияния отличаются от других наличием двух родительских элементов. Создавая коммит слияния, Git попытается автоматически объединить две истории. Однако если Git обнаружит, что вы изменили одну и ту же часть данных в обеих историях, сделать это автоматически не удастся. Это называется конфликтом управления версиями, и для его разрешения Git потребуются действия пользователя.
Подготовка к слиянию
Перед слиянием следует предпринять несколько подготовительных действий, чтобы операция прошла без проблем.
Проверка выбора принимающей ветки
Выполните команду git status
. Это позволит убедиться, что HEAD
указывает на ветку, принимающую результаты слияния. При необходимости выполните команду git checkout
, чтобы переключиться на принимающую ветку. Для примера выполним команду git checkout master
.
Получение последних коммитов из удаленного репозитория
Убедитесь, что в принимающей ветке и ветке для слияния содержатся последние изменения из удаленного репозитория. Выполните команду git fetch
, чтобы получить из него последние коммиты. Затем убедитесь, что в ветке master
также содержатся последние изменения. Для этого можно выполнить команду git pull
.
Выполнение слияния
После указанных выше действий по подготовке можете приступать к слиянию. Для этого выполните команду git merge
, где — название ветки, которая будет объединена с принимающей.
Ускоренное слияние
Ускоренное слияние происходит, когда последний коммит текущей ветки является прямым продолжением целевой ветки. В этом случае для объединения истории Git не выполняет полноценное слияние, а просто переносит последний коммит текущей ветки в конец целевой ветки. Объединение историй проходит успешно, поскольку все коммиты целевой ветки теперь доступны в текущей. Так, ускоренное слияние одной из функций с master
будет выглядеть следующим образом:
Однако выполнить ускоренное слияние не получится, если ветки после разделения развивались независимо друг от друга. Если до целевой ветки нет прямого пути, Git будет вынужден объединить их методом трехстороннего слияния. Такое слияние выполняется с помощью специального коммита, который служит для объединения двух историй. Метод называется трехсторонним, поскольку Git использует три коммита для создания коммита слияния (последние коммиты двух веток и общий родительский элемент).
Обе стратегии слияния эффективны в работе. При этом многие разработчики предпочитают метод ускоренного слияния (достигается за счет перебазирования) для незначительных функций или исправлений ошибок, в то время как трехстороннее слияние используется для включения функций с продолжительным временем разработки. В последнем случае коммит слияния служит местом соединения двух веток.
В первом примере демонстрируется ускоренное слияние. С помощью кода создается новая ветка, после чего в нее добавляется два коммита. Затем она включается в основную ветку посредством ускоренного слияния.
# Start a new feature
git checkout -b new-feature master
# Edit some files
git add <file>
git commit -m "Start a feature"
# Edit some files
git add <file>
git commit -m "Finish a feature"
# Merge in the new-feature branch
git checkout master
git merge new-feature
git branch -d new-feature
Это распространенная модель работы с ветками, отведенными под решение краткосрочных задач. Чаще они нужны, чтобы создать изолированную среду для разработчика, нежели для продолжительной работы над объемными функциями.
Обратите внимание, что теперь Git сможет без проблем выполнить команду git branch -d
, поскольку ветка new-feature теперь напрямую связана с основной.
Если при ускоренном слиянии вам понадобится доступ к коммиту слияния для учета изменений, вы сможете выполнить команду git merge
с опцией --no-ff
.
git merge --no-ff <branch>
Эта команда выполнит объединение указанной ветки с текущей с обязательным созданием коммита слияния (даже если слияние будет ускоренным). Это полезно для учета всех слияний в репозитории.
Трехстороннее слияние
Пример ниже похож на предыдущий, но в нем слияние должно быть трехсторонним, поскольку работа над веткой master
ведется вместе с работой над функцией. Так часто происходит в случае крупных функций или когда над одним проектом одновременно работает несколько разработчиков.
Start a new feature
git checkout -b new-feature master
# Edit some files
git add <file>
git commit -m "Start a feature"
# Edit some files
git add <file>
git commit -m "Finish a feature"
# Develop the master branch
git checkout master
# Edit some files
git add <file>
git commit -m "Make some super-stable changes to master"
# Merge in the new-feature branch
git merge new-feature
git branch -d new-feature
Обратите внимание, что Git не может выполнить ускоренное слияние. Это происходит, поскольку невозможно перенести указатель master
на ветку new-feature
без использования предыдущих коммитов.
В большинстве случаев ветка new-feature
отводится под более объемные функции с продолжительным временем разработки, за которое в ветке master
появляются новые коммиты. Если бы реальный размер вашей функциональной ветки был так же мал, как в примере выше, было бы проще перебазировать ее на ветку master
и выполнить ускоренное слияние. В этом случае не потребовалось бы засорять историю проектов лишними коммитами слияния.
Разрешение конфликтов
При попытке объединить ветки, в которых изменена одна и та же часть того же файла, Git не сможет сделать выбор между версиями. В таком случае операция останавливается прямо перед созданием коммита слияния, чтобы пользователь вручную разрешил конфликты.
Преимущество слияния в Git заключается в том, что разрешение конфликтов проходит по привычной схеме «изменение — подготовка — коммит». При обнаружении конфликта выполните команду git status
, чтобы увидеть, какие файлы необходимо исправить. Так, если в обеих ветках изменена одна и та же часть файла hello.py
, вы увидите следующее:
On branch master
Unmerged paths:
(use "git add/rm ..." as appropriate to mark resolution)
both modified: hello.py
Представление конфликтов
Когда Git обнаруживает конфликт в ходе слияния, к затронутым файлам добавляются визуальные индикаторы по обе стороны проблемного содержимого: >>>>>>. Чтобы обнаружить конфликты, попробуйте поискать в проекте эти индикаторы.
here is some content not affected by the conflict
<<<<<<< master
this is conflicted text from master
=======
this is conflicted text from feature branch
>>>>>>> feature branch;
Обычно содержимое перед отметкой =======
относится к принимающей ветке, а все, что указано после нее — к ветке, для которой выполняется слияние.
После обнаружения конфликтующих участков кода вы можете исправить их по своему усмотрению. Когда вы будете готовы завершить слияние, выполните команду git add
на конфликтующем файле или файлах — так вы сообщите Git, что конфликт разрешен. Затем запустите обычную команду git commit
, чтобы создать коммит слияния. Поскольку процесс ничем не отличается от фиксирования обычного снимка состояния, рядовому разработчику не составит труда разрешить конфликты при слиянии.
Обратите внимание, что конфликты возможны только в процессе трехстороннего слияния и не могут возникать при ускоренном слиянии.
Резюме
В этом документе содержится сводная информация о команде git merge
. Слияние — необходимый инструмент для работы в Git. Мы познакомились с принципами его работы, а также обсудили различия между ускоренным и полноценным трехсторонним слиянием. Ниже перечислены основные моменты:
- При слиянии в Git последовательности коммитов объединяются в общую историю.
- В основном Git выполняет объединение двумя способами: ускоренным и трехсторонним слиянием.
- Если в обеих последовательностях коммитов нет конфликтующих изменений, Git объединит их автоматически.
В документе также упоминались другие команды Git: git branch
, git pull
и git fetch
. Подробные сведения о них см. на соответствующих страницах.
Как создать эффективный туториал — Mentamore
Будучи экспертом в какой-то области, вы желаете поделиться своими знаниями, и современный мир предоставляет самую оптимальную возможность для этого – создать туториал. Что такое туториал? Туториал- это по сути урок, который представляет собой пошаговое объяснение сути какого-либо процесса, инструкция по ходу выполнения определенной задачи. Он предназначен для того, чтобы решение сложной задачи представить в виде простых поочередных действий. Если суть проблемы вами хорошо изучена, то, кажется, не составит никакого труда изложить её для нуждающихся в помощи. Однако быть экспертом в чем-то, еще не значит уметь эффективно этому учить. Еще и дистанционно. Какие факторы играют роль при создании эффективного туториала? Ваш туториал получит должное внимание, если учесть 4 важных аспекта: язык, организация, презентация и содержание.
Язык
Самое очевидное требование для любого туториала- это эффективное изложение информации или коммуникация. Людям нужны туториалы, потому что они хотят охватить процесс, который не до конца понимают. Если туторилы полны специализированных технических терминов, которые поймут только люди уже знакомые с процессом, это не принесет никому никакой пользы. Когда-нибудь задумывались почему так популярны книжки «для чайников?». Они говорят с читателем простым языком, понятным каждому.
Доступная организация
Создание туториала требует гораздо больше времени, чем необходимо на его изучение. Для того чтобы помочь другим и научить их для начала нужно упорядочить собственные мысли. Туториал, который перескакивает с одного момента на другой, бесполезен. Для начала необходимо создать план, скелет содержания.
Лучший способ хорошо структурировать информацию – это еще раз выполнить процесс, по ходу его выполнения делая пометки. Внимательно следите за тем, что и как вы делаете, ведь то, что вам может казаться очевидным, какая-то маленькая деталь, возможно, станет затруднением для новичка. Постарайтесь взглянуть на процесс со стороны, глазами неопытного пользователя. Попытайтесь вспомнить, с какими трудностями сталкивались вы сами в первый раз. Описывайте даже мельчайшие шаги, которые могут казаться очевидными.
Когда закончите, тщательно изучите написанное и убедитесь, что процесс изложен в виде логических шагов.
Впечатляющая презентация
Презентация –это тот «крючок», которым можно зацепить внимание аудитории. Существует множество туториалов с первоклассной информацией, но такого низкого качества, что обучение по ним не представляется возможным. Если вы вложили силы и время в создании вашего урока, то его качество должно в полной мере отражать уровень ваших знаний и навыков.
Обратите внимание на детали. Проверьте грамматику и правописание. Проверьте правильность выбранного вами формата. Убедитесь в том, что ссылки используемые в туториале рабочие.
А также подумайте о том, какой формат файлов стоит использовать, чтобы они были доступны для максимального количества пользователей. Возможно, не у всех есть возможность скачать большие файлы, у кого-то не воспроизводиться Flash, и т.д. Наибольший эффект будет если вы предоставите несколько вариантов, каким образом можно будет изучить материал.
Используя облачные технологии добавляйте дополнительные материалы.
Содержание
Хороший туториал имеет наибольшую ценность, если знания, которым он учит, несут пользу. Он может быть идеально представленным, красноречиво и ясно написанным, но цель туториала не будет достигнута, если после его изучения пользователь не почувствует, что смог овладеть процессом.
Изложите краткий обзор излагаемой информации в виде введения. О чем ваш туториал? Какие области знаний вы затрагиваете? Какие базовые навыки и знания требуется для его понимнаия?
Делитесь своими знаниями, создавайте эффективные туториалы
Учебник Express часть 2: Создание скелета сайта — Изучение веб-разработки
Эта вторая статья в нашем учебнике Express показывает, как создать каркас проекта веб-сайта, который позже можно будет заполнить с помощью путей сайта, шаблонов представлений и обращений к базе данных.
В этой статье показано, как создать каркас сайта с помощью средства Express Application Generator. Каркас затем можно будет заполнить с помощью путей сайта, шаблонов/представлений и обращений к базе данных. Мы используем это средство для создания основы нашего сайта Local Library. К основе будет добавлен код, необходимый сайту. Создание каркаса чрезвычайно просто — требуется только вызвать генератор в командной строке, указав имя нового проекта, дополнительно можно указать также движок шаблона сайта и генератор CSS.
Далее показано, как вызвать генератор приложений, и даётся небольшое пояснение различных вариантов представлений и CSS. Мы поясним структуру каркаса веб-сайта. В конце мы покажем, как запустить веб-сайт, чтобы убедиться, что он работает.
Замечание: Express Application Generator — не единственный генератор Express-приложений, и созданный проект —не единственный жизнеспособный способ организации ваших файлов и каталогов. Однако созданный сайт имеет модульную структуру, которую легко понять и расширить. О минимальном Express приложении смотрите Hello world example в документации Express.
Вы уже должны были устанавить express-generator
, читая статью установка среды разработки Node. Напомним, что генератор установлен с помощью менеджера пакетов NPM, при выполнении команды:
npm install express-generator -g
E
xpress-generator
имеет ряд параметров, которые можно увидеть, выполнив команду express —help (или express -h):
> express --help
Usage: express [options] [dir]
Options:
-h, --help output usage information (информация по применению)
--version output the version number (номер версии express)
-e, --ejs add ejs engine support (добавить поддержку движка ejs)
--pug add pug engine support (добавить поддержку движка pug)
--hbs add handlebars engine support (добавить поддержку движка handlebar)
-H, --hogan add hogan.js engine support (добавить поддержку движка hogan.js)
-v, --view <engine> add view <engine> support (ejs|hbs|hjs|jade|pug|twig|vash) (defaults to jade)
(добавить поддержку движков представлений. По умолчанию - jade)
-c, --css <engine> add stylesheet <engine> support (less|stylus|compass|sass) (defaults to plain css)
(добавить поддержку движков стилей, по умолчанию - простой CSS)
--git add .gitignore (добавить поддержку .gitignore)
-f, --force force on non-empty directory (работать в каталоге с файлами)
Команда express
создаст проект в текущем каталоге с использованием (устаревшего) движка представления Jade и обычного CSS. Если указать express name, проект будет создан в подкаталоге name текущего каталога.
express
Можно выбрать движок представления (шаблон), используя —view;
параметр
--
css
позволяет выбрать движок для создания CSS.
Заметка: Другие опции (--hogan
, --ejs
, --hbs
и пр.) для выбора шаблонизатора устарели. Используйте --view
(или -v
)!
Какой движок представлений следует использовать?
Express-generator дает возможность сконфигурировать несколько популярных движков, включая EJS, Hbs, Pug (Jade), Twig, и Vash, но по умолчанию выбран Jade. Экспресс сразу после установки может поддерживать большое количество и других шаблонизаторов.
Заметка: При желании использовать шаблонизатор, который не поддерживается генератором, просмотрите документацию Using template engines with Express и документацию для нужного шаблонизатора.
Как правило, следует выбрать шаблонизатор, который имеет весь необходимый вам функционал и обеспечивает вам высокую производительность — так же, как вы выбираете любой другой компонент! Некоторые критерии для сравнения шаблонизаторов:
- Время до получения результата — если ваша команда уже имела дело с шаблонизатором, то, скоре всего, продуктивнее будет использовать этот шаблонизатор. Если нет, тогда следует учесть все относительные сложности изучения кандидатов в шаблонизаторы.
- Популярность и активность — проверьте популярность движка, возможно, у него есть активное сообщество. Очень важно иметь поддержку для движка, если у вас возникнут проблемы в течении жизни вебсайта.
- Стиль — некоторые шаблонизаторы используют особую разметку для отображения вставленного контента внутри «обычного» HTML, а другие строят HTML, используя специальный синтаксис (например, используя отступы или блочные имена).
- Производительность и время интерпретации.
- Особенности — следует выбирать движок с учетом таких особенностей:
- Наследование макета: позволяет определить базовый шаблон и затем наследовать только те части, которые отличаются для конкретной страницы. Это, как правило, лучший подход, чем создание шаблонов путём включения нескольких необходимых компонентов или создания шаблона с нуля каждый раз.
- Поддержка «Include»: позволяет создавать шаблоны, включая другие шаблоны.
- Краткий синтаксис управления переменными и циклами.
- Возможность фильтровать значения переменных на уровне шаблона (например, делать переменные в верхнем регистре или форматировать значение даты).
- Возможность создавать выходные форматы, отличные от HTML (например, JSON или XML).
- Поддержка асинхронных операций и потоковой передачи.
- Возможность использования как на клиенте, так и на сервере. Возможность применения движка шаблона на клиенте позволяет обслуживать данные и выполнять все действия или их большую часть на стороне клиента.
Совет: В интернете множество ресурсов, которые помогут сравнить различные варианты!
Для этого проекта мы используем шаблонизатор Pug (в прошлом назывался Jade) — один из популярнейших Express/JavaScript шаблонизаторов, который поддерживается в Express-generator «из коробки».
Какие шаблонизаторы CSS следует использовать?
Express Application Generator позволяет создавать проекты, настроенные для применения шаблонизаторов CSS: LESS, SASS, Compass, Stylus.
Заметка: простой CSS имеет некоторые ограничения, затрудняющие выполнение задач. Шаблонизаторы CSS позволяют использовать более эффективный подход для создании таблиц стилей CSS, но требуют компиляции файлов таблиц стилей в стандартный CSS для применения в браузере.
Как и в случае с шаблонизаторами сайта, следует применять шаблонизатор, обеспечивающий высокую производительность работы. В этом проекте мы используем обычный CSS (по умолчанию), поскольку простота наших требований к CSS не оправдает применение чего-то более сложного.
Какую базу данных следует использовать?
Сгенерированный код не использует и не содержит в себе какой-либо базы данных. Express может использовать любой движок базы данных, который поддерживается Node (Express не предъявляет каких-либо особых требований к базе данных).
Мы обсудим взаимодействие с базой данных в следующей статье.
Разрабатывая пример — приложение Local Library, мы построим проект с именем express-locallibrary-tutorial. Используем библиотеку шаблонов Pug, а движок CSS применять не будем.
Выберем место для нового проекта — каталог express-locallibrary-tutorial — и выполним команду:
express express-locallibrary-tutorial --view=pug
Будет создан каталог express-locallibrary-tutorial и выведен список созданных внутри каталога проектных файлов.
create : express-locallibrary-tutorial
create : express-locallibrary-tutorial/package.json
create : express-locallibrary-tutorial/app.js
create : express-locallibrary-tutorial/public/images
create : express-locallibrary-tutorial/public
create : express-locallibrary-tutorial/public/stylesheets
create : express-locallibrary-tutorial/public/stylesheets/style.css
create : express-locallibrary-tutorial/public/javascripts
create : express-locallibrary-tutorial/routes
create : express-locallibrary-tutorial/routes/index.js
create : express-locallibrary-tutorial/routes/users.js
create : express-locallibrary-tutorial/views
create : express-locallibrary-tutorial/views/index.pug
create : express-locallibrary-tutorial/views/layout.pug
create : express-locallibrary-tutorial/views/error.pug
create : express-locallibrary-tutorial/bin
create : express-locallibrary-tutorial/bin/www
install dependencies:
> cd express-locallibrary-tutorial && npm install
run the app:
> SET DEBUG=express-locallibrary-tutorial:* & npm start
После списка файлов генератор выведет инструкции для установки зависимостей (указанных в файле package.json) и запуска приложения (инструкции предназначены для Windows; для Linux/Mac OS X они могут слегка отличаться).
Сейчас у нас есть готовый каркас проекта. Сайт пока ничего не делает, но его стоит запустить, чтобы убедиться в его работоспособности.
- Прежде всего установим зависимости (команда
install
запросит все пакеты зависимостей, указанные в файле package.json).cd express-locallibrary-tutorial npm install
- Затем запустим приложение.
- Откроем http://localhost:3000/ в браузере. Мы должны увидеть такую страницу:
У нас получилось веб-приложение на базе Express, работающее по адресу localhost:3000.
Заметка: Можно также запустить приложение командой npm start
. Переменная DEBUG, указанная в примере, включает логгирование в консоль для дальнейшей отладки. Так, при посещении страницы веб-приложения, вы увидите похожий вывод в консоль:
>SET DEBUG=express-locallibrary-tutorial:* & npm start
> [email protected] start D:\express-locallibrary-tutorial
> node ./bin/www
express-locallibrary-tutorial:server Listening on port 3000 +0ms
GET / 200 288.474 ms - 170
GET /stylesheets/style.css 200 5.799 ms - 111
GET /favicon.ico 404 34.134 ms - 1335
Любые изменения, внесенные на веб-сайт Express, не будут отображаться до перезапуска сервера. Остановка (Ctrl-C) и перезапуск сервера каждый раз после внесения изменений быстро становится раздражающей, поэтому стоит автоматизировать перезапуск.1.11.0″
}
Поскольку nodemon не установлен глобально, его нельзя запустить из командной строки (пока мы не добавим его в путь), но его можно вызвать из сценария NPM, так как NPM знает все об установленных пакетах. Раздел scripts
в файле package.json исходно будет содержать одну строку, которая начинается с "start"
. Обновите его, поставив запятую в конце строки, и добавьте строку "devstart",
показанную ниже:
"scripts": {
"start": "node ./bin/www",
"devstart": "nodemon ./bin/www"
},
Теперь можно запустить сервер почти так же, как и ранее, но командой npm run devstart:
SET DEBUG=express-locallibrary-tutorial:* & npm run devstart
- Для macOS или Linux:
DEBUG=express-locallibrary-tutorial:* npm run devstart
Заметка: Сейчас после изменения любого файла проекта сервер будет перезапускаться (или можно самостоятельно перезапустить его, введя rs
в командной строке). Вам все равно придется обновить страницу в браузере .
Теперь мы должны выполнять команду «npm run
<scriptname>» а не просто npm start
, поскольку «start», это, по сути, команда NPM, сопоставленная сценарию в файле package.json. Можно заменить команду в сценарии «start», но, так как мы хотим использовать nodemon только во время разработки, разумно создать новую команду сценария.
Давайте посмотрим на созданный проект.
Структура каталогов
После установки зависимостей проект имеет такую структуру файлов (файлы — это элементы без префикса»/»). Файл package.json определяет имя файла с приложением, сценарии запуска, зависимости и др. Сценарий запуска задает точку входа приложения, у нас — файл JavaScript /bin/www. Этот файл настраивает некоторые обработчики ошибок приложения, а затем загружает app.js для выполнения остальной работы. Пути приложения хранятся в отдельных модулях каталога routes/. Шаблоны хранятся в каталоге /views.
/express-locallibrary-tutorial app.js /bin www package.json /node_modules [about 4,500 subdirectories and files] /public /images /javascripts /stylesheets style.css /routes index.js users.js /views error.pug index.pug layout.pug
Далее файлы описаны более подробно.
package.json
Файл package.json указывает зависимости приложения и содержит другие данные:
{
"name": "express-locallibrary-tutorial",
"version": "0.0.0",
"private": true,
"scripts": {
"start": "node ./bin/www",
"devstart": "nodemon ./bin/www"
},
"dependencies": {
"body-parser": "~1.15.2",
"cookie-parser": "~1.4.1.11.0"
}
}
Зависимости включают пакет express и пакет для выбранного движка представления (pug). Кроме того, указаны пакеты, полезные во многих веб-приложениях:
- body-parser: — анализирует часть тела входящего запроса HTTP и облегчает извлечение из него различных частей. Например, мы можно читать
POST-
параметры. - cookie-parser: разбирает заголовок и заполняет
req.cookies
(по сути, дает удобный метод для доступа к информации cookie). - debug: небольшой отладчик, работающий по образцу методики отладки ядра node.
- morgan: средство логгирования запросов HTTP для node.
- serve-favicon: средство обработки favicon (значка, используемого для представления сайта на вкладках браузера, закладках и т. д).
Раздел «scripts» определяет скрипт» start», выполняемый при запуске сервера командой npm start
. Можно видеть, что самом деле выполняется команда node ./bin/www. Кроме того, определяется script «devstart«, который вызывается командой npm run devstart
. Запускается тот же файл ./bin/www ,но командой nodemon вместо node.
"scripts": {
"start": "node ./bin/www",
"devstart": "nodemon ./bin/www"
},
Файл www
Файл /bin/www – это входная точка приложения. Сначала в файле создается объект основного приложения, расположенного в app.js — выполняется app=require(./
app
).
#!/usr/bin/env node
var app = require('../app');
Заметка: require()
— это глобальная функция node для импорта модулей в текущий файл. Для модуля app.js указан относительный путь, а расширение файла по умолчанию (.js) опущено.
Оставшаяся часть кода настраивает порт сервера node для HTTP (определен в переменной среды или 3000, если не определен), и начинает прослушивание и протоколирование соединений и ошибок сервера. Сейчас вам не требуется дополнительных сведений о коде (все в этом файле шаблонно), но, при желании, его можно посмотреть.
Файл app.js
Этот файл создает объект приложения express
(с именемapp
, по соглашению), настраивает приложение и промежуточное ПО, а затем экспортирует приложение из модуля. В приведенном ниже коде показаны только те части файла, которые создают и экспортируют объект приложения:
var express = require('express');
var app = express();
...
module.exports = app;
Именно этот экспортированный объект использован в рассмотренном ранее файле www.
Рассмотрим детали файла app.js. Сначала при помощи require(…) выполняется импорт некоторых полезных библиотек node: express, serve-favicon, morgan, cookie-parse, body-parser (они ранее были загружены для нашего приложения командой npm install), а также path из основной библиотеки node (применяется для разбора путей каталогов и файлов).
var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
Затем require запрашивает модули из каталога путей route. Эти модули и файлы содержат код для обработки конкретного набора соответствующих путей (URL маршрутов). Если мы расширим каркас приложения, например, чтобы получить список книг библиотеки, нам следует добавить новый файл для обработки пути, связанного с книгами.
var index = require('./routes/index');
var users = require('./routes/users');
Заметка: Здесь мы только импортируем модули. В действительности эти пути еще не используются — это произойдет в файле несколько позже.
Далее, импортированные модули express применяются для создания объекта app, который потом устанавливает движки-шаблоны представления. Установка движков состоит их двух частей. В первой мы задаем значение ‘view’, указывая папку, в которой будут размещаться шаблоны (у нас это /views). Во второй мы задаем значение движка ‘view engine’, указывая на библиотеку шаблона (у нас — «pug»).
var app = express();
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'pug');
Следующие строки вызывают app.use(…), чтобы добавить промежуточные (middleware) библиотеки в цепочку обработки запросов. Кроме сторонних библиотек, импортированных ранее, используем библиотеку Express.static, что позволит обрабатывать статические файлы из папки /public корня проекта.
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
Теперь, когда промежуточные библиотеки настроены, мы добавляем (импортированный ранее) код обработки путей в цепочку обработки запросов. Импортированный код будет задавать отдельные пути для разных частей сайта:
app.use('/', index);
app.use('/users', users);
Заметка: . пути, указанные выше (‘/’ и ‘/users'
) рассматриваются как префиксы путей, определенных в импортированных файлах. Так, например, если импортированный модуль users определяет путь для /profile, для доступа следует указать /users/profile. Мы поговорим подробнее о путях в последующей статье.
Последняя в файле промежуточная библиотека добавляет методы обработки ошибок и ответов 404 от HTTP.
app.use(function(req, res, next) {
var err = new Error('Not Found');
err.status = 404;
next(err);
});
app.use(function(err, req, res, next) {
res.locals.message = err.message;
res.locals.error = req.app.get('env') === 'development' ? err : {};
res.status(err.status || 500);
res.render('error');
});
Объект app приложения Express теперь полностью настроен. Остался последний шаг — добавить его к экпортируемым элементам модуля (это позволит импортировать его в файле /bin/www).
module.exports = app;
Пути (Routes)
Файл путей /routes/users.js приведен ниже (файлы путей имеют сходную структуру, поэтому нет необходимости приводить также index.js). Сначала загружается модуль Express, затем он используется для получения объекта express.Router. После этого для этого объекта задается путь, и, наконец, объект-роутер экспортируется из модуля (именно это позволяет импортировать файл в app.js):.
var express = require('express');
var router = express.Router();
router.get('/', function(req, res, next) {
res.send('respond with a resource');
});
module.exports = router;
Путь определяет функцию обратного вызова (далее — callback-функцию), которая будет вызвана, когда обнаружится HTTP GET-запрос корректного вида. Образец для сопоставления пути задается при импорте модуля — (‘/users
‘) плюс что-то, определяемое в этом файле (‘/
‘). Иными словами, этот путь будет использован, когда получен URL-запрос /users/
.
Совет: запустите сервер и задайте в браузере URL http://localhost:3000/users/. Вы должны увидеть сообщение: ‘respond with a resource’.
Стоит отметить, что callback-функция имеет третий аргумент — ‘next
‘, т. е. является не простой callback-функцией, а callback-функцией промежуточного модуля. Пока третий аргумент не используется, но будет полезен в дальнейшем, если мы захотим создать несколько обработчиков пути '/'
.
Представления (шаблоны)
Файлы преставлений (шаблонов) хранятся в каталоге /views (это указано в app.js) и имеют расширение .pug. Метод Response.render()
выполняет указанный шаблон, передавая объекту значение именованной переменной, и затем посылает результат как ответ. В коде из /routes/index.js (приводится ниже) можно увидеть, что роут отвечает, используя шаблон «index» с переданным значением переменной «title» из шаблона.
router.get('/', function(req, res) {
res.render('index', { title: 'Express' });
});
Шаблон для пути ‘/’ приведен ниже (файл index.pug). О синтаксисе мы поговорим позже. Сейчас важно знать, что переменная title со значением ‘Express’ помещена в определенное место шаблона.
extends layout block content h2= title p Welcome to #{title}
Создайте новый путь в /routes/users.js, чтобы выводить текст «You’re so cool» или «Ну, вы крутой!» по URL /users/cool/
. Проверьте его, запустив сервер и посетив в браузере http://localhost:3000/users/cool/.
Сейчас создан каркас проекта Local Library. Мы проверили, что он запускается с использованием Node. Но главное, что вы поняли структуру проекта, и знаете, где и как добавить пути и представления для нашей локальной библиотеки.
Далее мы изменим каркас, чтобы он работал как библиотечный вебсайт
Что делает хорошее обучающее видео? Идеи для начала
Подумайте, что значит быть «хорошим». Два сэндвича из совершенно разных ингредиентов, возможно, сырный бифштекс Philly и клубный сэндвич, могут быть одинаково хорошими. Кто-то может предпочесть то или иное, но это дело вкуса.
Таким же образом могут быть одинаково хороши два обучающих видео. Учебное видео по использованию настольной пилы может быть хорошим, как и видео по созданию сводных таблиц в Microsoft Excel.
Но есть также и некоторые плохие учебные пособия. Просто потому, что вы что-то кому-то объясняете, это автоматически не делает его надежным учебным пособием. Точно так же, как если бросить случайные ингредиенты между двумя ломтиками хлеба, не обязательно получится вкусный бутерброд.
Итак, что же делает хорошее обучающее видео?
В TechSmith, возможно, мы не являемся художниками-сэндвичницами, но мы кое-что знаем о создании видеоуроков, включая основные элементы, которые помогают сделать любое обучающее видео, обучающее видео или демонстрацию программного обеспечения хорошим.
И мы собираемся поделиться ими с вами вместе с некоторыми ключевыми вопросами, которые помогут вам на этом пути.
1. Ясность
Ключевой вопрос: Является ли инструкция понятной, простой и точной?
Учебники должны быть легкими в использовании, а обучение лучше всего достигается, когда информация предоставляется четко.
Обеспечение того, чтобы ваше руководство соответствовало высоким стандартам ясности, начинается с планирования. Когда вы начинаете работать над учебником, ставьте перед зрителем конкретные учебные цели.Запишите эти цели, убедившись, что они определяют действия или концепции, которые необходимо знать пользователям, чтобы добиться успеха после просмотра вашего руководства.
Используйте такие фразы, как «Зрители будут знать…» или «Пользователи поймут…», чтобы выразить свои цели.
Вот несколько примеров целей руководства:
- Зрители будут знать оборудование, необходимое для сборки скамейки
- Пользователи будут знать, как начать запись экрана
- Зрители поймут, почему формат файла важен для завершения проекта
Несмотря на то, что универсального ограничения на количество целей, которое должно иметь учебное пособие, не существует, используйте логическое количество целей и помните, что во многих случаях меньше значит больше.
Краткое руководство должно преследовать от одной до трех целей. Если вы обнаружите, что достигли пяти или более, пересмотрите свои цели и определите, все ли они действительно цели. Несмотря на то, что в видеороликах часто нужно осветить ряд вещей, не все они являются целями обучения.
После того, как цели будут определены, используйте их в качестве руководств при построении учебного пособия. Каждая часть должна быть разработана таким образом, чтобы цель обучения была достигнута без отклонения от фокуса.
Наличие целей и акцент на ясности позволяет перейти к следующему важному этапу: потоку.
2. Поток
Ключевой вопрос: Плавно ли перетекают идеи от одной к другой?
Во всех хороших руководствах каждый раздел естественно перетекает от одного к другому. Разработайте свое руководство так, чтобы вы представляли вещи в том порядке, в котором зрителю необходимо их использовать для выполнения задачи.
Если установленный порядок не существует, сгруппируйте похожие концепции или процессы. Несколько шагов обычно выполняются в сочетании друг с другом? Скорее всего, им следует обучать по очереди.Такая настройка учебника поможет вам показать, как различные шаги или функции связаны друг с другом или даже зависят друг от друга.
После того, как вы разобрались с ходом своего урока, подумайте о темпе.
3. Скорость
Ключевой вопрос: Проводится ли обучение в удобном и подходящем темпе?
Темп — это скорость, с которой вы доставляете инструкцию. В стимуляции есть три ключевых фактора.
Во-первых, при написании сценария убедитесь, что каждому шагу уделяется должное внимание.Если шаг более сложный, потратьте немного больше времени, одно или два предложения на объяснение контекста. Если это просто, не вдавайтесь в подробности.
Во-вторых, считайте, что ваш голос окончен. Многие люди (я и большинство моих коллег из TechSmith) предпочитают записывать закадровый текст отдельно от записи экрана. Это обеспечивает большую гибкость при настройке темпа обучения. Во время записи говорите естественно, но помните о своей скорости. Многие люди ускоряются по мере чтения, поэтому вам, возможно, придется осторожно замедляться и поддерживать постоянный темп.Не волнуйтесь, если это будет медленно, это нормально.
Во время записи сценария подумайте, как вы хотите, чтобы каждая часть звучала в видео. Часто демонстрация чего-либо на экране занимает больше времени, чем описание действия.
Проблема здесь в перегибе.
Хотя вы можете читать предложение так, как будто оно ведет прямо к другому, видео может потребовать больше времени, чтобы показать действие. Это может создать неудобные паузы или необходимость ускорить воспроизведение видео. Делайте паузу в конце каждого предложения, шага и подшага.Это упрощает добавление времени к повествованию при редактировании видео.
Третий элемент хорошего темпа — это когда вы записываете и редактируете видео. Если вы планируете использовать видео записи экрана, убедитесь, что используете плавные, легкие для отслеживания движения курсора во время записи. Их всегда можно ускорить в готовой записи.
Когда у вас есть черновик или даже готовая часть, посмотрите видео. Остановитесь, чтобы послушать каждую часть и подумайте, кажется ли она естественной. Самое замечательное в редактировании видео — это то, что вы полностью контролируете темп и всегда можете изменить время между предложениями, шагами и даже разделами.
4. Познавательная нагрузка
Ключевой вопрос: Соответствует ли когнитивная нагрузка аудитории?
Когнитивная нагрузка, проще говоря, говорит о том, что рабочая память ограничена и может быть перегружена. Когда это происходит, изучение новых идей, концепций или процессов становится трудным — или даже невозможным.
Представьте себе стакан, наполненный водой. Стекло может выдержать определенное количество воды перед тем, как вылить через край. Информация в вашем видео — это вода, а ваши зрители — это стакан.Не перегружайте их разум до такой степени, что они упускают важную информацию.
Конечно, ваши зрители — это не стаканы, и разум не имеет конечных размеров, как обычные стаканы.
Чтобы оценить соответствующую когнитивную нагрузку вашей аудитории, необходимо определить ее уровень знакомства и навыков. Новичкам, вероятно, понадобится больше контекста и основы для закрепления ключевых концепций. Более продвинутые зрители, вероятно, могут справиться с более высокой когнитивной нагрузкой по отношению к предмету.
Имейте в виду, что вы также можете ошибиться, если не предоставите достаточно информации, оставив ваших зрителей жаждой большего или, в худшем случае, неподготовленными к дальнейшему обучению или неспособным выполнить задачу.
В конечном счете, чтобы понять это правильно, нужно хорошо понимать свою аудиторию. Знание их уровня навыков, предварительных знаний и даже уровня интереса поможет вам оценить соответствующую когнитивную нагрузку и предоставить необходимый объем контента.
Если вам интересно узнать больше о когнитивной нагрузке, вот хорошее чтение, в котором будут рассмотрены более подробные сведения.
5. Апелляция
Ключевой вопрос: Обращается ли контент к широкой аудитории?
Здесь нужно использовать слово «апелляция».Обращение на самом деле означает: «Это тема, о которой многие люди хотят или должны знать?» Многие учебные пособия создаются по запросу. Другие создаются компаниями в целях соблюдения требований. В любом случае ключевым моментом здесь является обеспечение того, чтобы контент был полезен широкой аудитории.
Если вы делаете учебник по запросу, это важный шаг. Изучите информацию, указывающую на необходимость в учебнике, и обязательно учитывайте представленные интересы. Это проверка ценности, поскольку она помогает убедиться, что созданный вами учебник и время, которое вы вкладываете в него, имеют наибольшую ценность.
6. Тон
Ключевой вопрос: Имеет ли контент нейтральный, дружелюбный и привлекательный тон?
Сделайте ваш учебник привлекательным и удобным для просмотра. Чрезмерно возбужденное или монотонное повествование отвлечет от учебного материала и может заставить некоторых пользователей отключиться. Тональность наиболее очевидно проявляется в том, как читается повествование, но начните задавать правильный тон при написании сценария.
Сценарий играет центральную роль в определении тона.Выбор слова многое говорит о том, что рассказчик хочет, чтобы вы чувствовали. Когда вы пишете, описывайте вещи такими, какие они есть. Не ходи через крышку с описаниями о том, как что-то абсолютное и неоспоримое наибольшими. Просто скажите, хорошо или здорово. То же верно и в отношении высказываний «просто» или «легко» вместо «невероятно просто».
Указывайте факты, а не приукрашивайте. Ваша аудитория это оценит.
Вторая половина тона входит в повествование. Прочтите свой сценарий спокойно и четко, добавляя интонации, которые вы обычно делаете, говоря это другому человеку.Если ситуация не требует определенных эмоций, хорошее чувство счастья — хорошая идея. Совет от профессионала: чтобы добиться приятного тона, попробуйте улыбаться во время чтения.
Подобрать правильный тон может быть непросто. Чтобы упростить задачу, попросите другого человека сидеть с вами, пока вы записываете или слушаете свою запись, и дайте вам отзыв.
7. Презентация
Ключевой вопрос: Есть ли в финальной части качественное аудио, видео и достаточная полировка?
Наконец, мы подошли к той части хорошего учебника, о которой большинство людей думает в первую очередь: презентации.Я оставил это напоследок по уважительной причине. Презентация, конечно, очень важна. Также легко сосредоточиться и забыть обо всем, что было до этого. Как создать красивую обложку книги перед тем, как писать книгу.
Презентация — это то, как выглядит видео, звучит звук и как весь пакет доставляется и отображается аудитории.
Если в учебнике используется экранное видео, оно должно быть четким и ясным. Программное обеспечение для скринкастинга, такое как Camtasia, позволяет легко записывать экран, а затем переносить запись в видеоредактор.В видеоредакторе функции масштабирования и панорамирования позволяют крупным планом различных частей экрана выделять важную информацию. Просто убедитесь, что у вас самое лучшее изображение, чтобы обеспечить качественное видео.
Звук должен быть легко слышен при средней громкости. Если вы записываете повествование отдельно, программное обеспечение для редактирования аудио позволит вам увеличить или уменьшить громкость, или вы можете сделать это в Camtasia.
Осторожно используйте переходы, аннотации или дополнительные эффекты в видео.Не добавляйте эффекты просто для развлечения или просто потому, что можете. Убедитесь, что они используются только тогда, когда они способствуют обучению.
Наконец, видео должно быть размещено там, где аудитория, которая в нем нуждается или хочет, будет иметь к нему доступ. Для многих руководств это означает YouTube. Однако для некоторых компаний это может быть их собственный веб-сайт, интранет или центр знаний.
Также имейте в виду, что ваше видео может находиться более чем в одном месте.
В TechSmith мы размещаем наши учебные пособия на нашем веб-сайте, YouTube и в ряде социальных сетей, чтобы к ним было легко получить доступ для клиентов.У нас также есть отличные идеи по поводу видеохостинга, которые могут вам помочь.
Попробуйте использовать 7 основных
Я начал этот пост, прося вас подумать, что значит быть «хорошим». Я утверждал, что добро не субъективно, а важно. Под этим я подразумеваю, что есть основные универсальные черты, которые могут помочь сделать что-нибудь хорошее. В данном случае мы сосредоточились на обучающих материалах и структуре, которую TechSmith использует для оценки качества наших обучающих программ.
Попробуйте использовать ключевые вопросы, представленные здесь, при создании следующего обучающего видео.
Учебник по Django: веб-сайт местной библиотеки — Изучите веб-разработку
Первая статья в нашей серии практических руководств объясняет, что вы узнаете, и предоставляет обзор примера веб-сайта «локальной библиотеки», над которым мы будем работать и развивать в последующих статьях.
Добро пожаловать в учебник MDN «Local Library» Django, в котором мы разрабатываем веб-сайт, который можно использовать для управления каталогом локальной библиотеки.
В этой серии обучающих статей вы:
- Используйте инструменты Django для создания скелета веб-сайта и приложения.
- Запустить и остановить сервер разработки.
- Создайте модели для представления данных вашего приложения.
- Используйте сайт администратора Django для заполнения данных вашего сайта.
- Создайте представления для получения определенных данных в ответ на различные запросы и шаблоны для отображения данных в формате HTML для отображения в браузере.
- Создайте сопоставители, чтобы связать различные шаблоны URL-адресов с определенными представлениями.
- Добавьте авторизацию пользователей и сеансы для управления поведением сайта и доступом.
- Работа с формами.
- Напишите тестовый код для вашего приложения.
- Эффективно используйте защиту Django.
- Разверните ваше приложение в производственной среде.
Вы уже узнали о некоторых из этих тем и кратко коснулись других. К концу серии руководств вы должны будете знать достаточно, чтобы самостоятельно разрабатывать простые приложения Django.
LocalLibrary — это название веб-сайта, который мы создадим и будем развивать в ходе этой серии руководств.Как и следовало ожидать, цель веб-сайта — предоставить онлайн-каталог для небольшой местной библиотеки, где пользователи могут просматривать доступные книги и управлять своими учетными записями.
Этот пример был тщательно выбран, потому что он может масштабироваться, чтобы показать столько деталей, сколько нам нужно, и может использоваться для демонстрации практически любой функции Django. Что еще более важно, это позволяет нам предоставить управляемый путь через наиболее важные функции веб-фреймворка Django:
- В первых нескольких статьях учебника мы определим простую библиотеку только для просмотра, которую члены библиотеки могут использовать, чтобы узнать, какие книги доступны.Это позволяет нам исследовать операции, которые являются общими практически для каждого веб-сайта: чтение и отображение контента из базы данных.
- По мере продвижения пример библиотеки естественным образом расширяется, чтобы продемонстрировать более продвинутые функции Django. Например, мы можем расширить библиотеку, чтобы пользователи могли резервировать книги, и использовать это, чтобы продемонстрировать, как использовать формы, и поддерживать аутентификацию пользователей.
Несмотря на то, что это очень расширяемый пример, он называется Local Library не зря — мы надеемся показать минимум информации, который поможет вам быстро начать работу с Django.В результате мы будем хранить информацию о книгах, копиях книг, авторах и другую ключевую информацию. Однако мы не будем хранить информацию о других элементах, которые может хранить библиотека, или предоставлять инфраструктуру, необходимую для поддержки нескольких библиотечных сайтов или других функций «большой библиотеки».
По мере того, как вы будете работать с руководством, мы предоставим вам соответствующие фрагменты кода для копирования и вставки в каждой точке, и будет другой код, который, мы надеемся, вы расширите сами (с некоторыми рекомендациями).
Если вы застряли, вы можете найти полностью разработанную версию сайта на Github здесь.
Теперь, когда вы немного больше знаете о веб-сайте LocalLibrary и о том, что вы собираетесь изучать, пора приступить к созданию скелетного проекта, содержащего наш пример.
Учебник
Webflow: руководство для абсолютного новичка
К концу этого руководства вы узнаете, как создать свою первую домашнюю страницу в Webflow, и уйдете с твердым пониманием того, как создавать мощные веб-сайты в Webflow — путем визуального кодирования HTML и CSS. .
Существует много шумихи вокруг движения «отказ от кода» — волны технологий, которые позволяют нам создавать программное обеспечение без кода. Но код лежит в основе Интернета. Дело не в отсутствии использования его для создания веб-сайтов и приложений. Это движение на самом деле направлено на то, чтобы упростить (и ускорить) код, сделав его визуальным. То есть вы просто проектируете, а такие платформы, как Webflow, пишут код за вас.
Если вы подойдете к Webflow с мыслями о проектировании, основанном на базовом коде, вы сможете быстро его изучить.Вдобавок ко всему, вы можете научиться программировать.
Что такое Webflow?
Webflow — это инструмент дизайна и веб-разработки, платформа для электронной коммерции, CMS и хостинга. Каждый аспект платформы представлен определенным набором продуктов / функций:
The Designer
Инструмент визуального веб-дизайна, прочно основанный на веб-стандартах и передовых практиках, Designer переводит ваши дизайнерские решения в чистый, готовый к производству HTML, CSS и JavaScript.Мы создали его, чтобы дать возможность дизайнерам разрабатывать веб-сайты знакомым образом, то есть визуально, без ущерба для качества.
Если вы в основном прототипируете, вы можете использовать только дизайнер, либо поделившись прототипом с разработчиками для воспроизведения, либо экспортируя код.
Но чтобы испытать всю мощь Webflow, вам нужно объединить конструктор с CMS и нашим хостингом.
CMS
Как и Designer, CMS представляет собой инструмент веб-разработки без кода. Он имеет как элементы в конструкторе (где работает дизайнер сайта), так и элементы на сайте (где работают клиент и / или менеджеры контента).Последний элемент мы называем Редактором, но об этом позже.
А пока просто знайте, что в конструкторе CMS позволяет структурировать типы контента, которые вы будете публиковать снова и снова, — например, сообщения в блогах, страницы продуктов и т. Д. — путем комбинирования модульных «полей». После того, как вы создали свои типы контента, которые мы называем коллекциями, вы можете использовать конструктор, чтобы определить, как элементы коллекции выглядят на сайте (например, как выглядят отдельные сообщения в блоге).
Электронная торговля
Webflow Электронная торговля позволяет вам использовать возможности конструктора и CMS для создания полностью настраиваемых возможностей электронной коммерции.Любой проект Webflow можно превратить в сайт электронной коммерции, но цена хостинга немного отличается от обычного сайта.
Вы можете подключить свой веб-сайт электронной коммерции к платежным шлюзам, таким как Stripe, Apple Pay, Paypal или Google Pay, а также расширить возможности своих магазинов с помощью различных интеграций.
Хостинг
Последний кусок головоломки Webflow — это наша хостинговая платформа. При поддержке Amazon Web Services (AWS) и Fastly, он молниеносно быстр, сверхнадежен, имеет безопасность корпоративного уровня, и он понадобится вам, чтобы пользоваться некоторыми из наших лучших функций, в том числе:
- CMS
- The Editor
- Управление формами
- Адаптивные изображения (автоматическое изменение размера изображений устройством для повышения производительности)
- Бесплатный SSL / HTTPS (улучшенная безопасность сайта, которую Google в основном делает обязательной для сайтов, запрашивающих информацию о посетителях)
Хорошо, Теперь, когда у нас есть местность, давайте поговорим о нырянии.
Разработка и создание домашней страницы
Прежде чем мы создадим наш первый пустой проект, нам нужно понять, как веб-сайты в основном построены в Интернете — HTML и CSS.
Основы: блочная модель
Веб-сайты используют блочную модель, принцип дизайна, который позволяет нам понять, что все на веб-странице, по сути, представляет собой коробку в коробке. Эти блоки представляют собой компоненты HTML, известные как «блоки div».
На изображении выше у нас есть раздел (обведен черным), контейнер (обведен красным), чтобы все в разделе реагировало, и различные блоки div (обведены синим), которые действуют как контент в контейнере.
Номенклатура для раздела, контейнера и div сводится к тому, как вы стилизуете и маркируете div, используя так называемые классы CSS.
Мы используем CSS для определения интервалов, позиционирования, выравнивания, шрифтов и стилей этих HTML-блоков и их содержимого. Мы добавляем так называемый класс CSS в каждое поле, что похоже на предустановку, которую вы создаете для настроек стиля. Классы можно многократно использовать по всему сайту, что позволяет вам оставаться организованным при создании своего сайта.
Подводя итог:
- HTML — это компонент на странице
- CSS — дизайн этого компонента
Поздравляем, теперь у вас есть общее представление о том, как создаются веб-сайты.Теперь вы можете сделать забавное упражнение: зайти на свой любимый веб-сайт, например, на apple.com, и открыть в браузере элемент проверки.
Вы можете просмотреть код (справа) и увидеть, что все представляет собой коробку (также известную как div). Внутри этих блоков иногда находятся другие блоки с таким содержимым, как заголовки, абзацы и кнопки. Это все HTML. Вы можете увидеть, как дизайнер apple.com пометил свои классы для каждого компонента / элемента и div, а также может просмотреть CSS в разделе «Стили».
Ладно, приступим к строительству.
Создание в конструкторе
Лучший способ изучить Webflow — это построить в нем Webflow. Чтобы получить максимальную отдачу от этого руководства, мне нужно, чтобы вы следовали за мной на всех этапах, которые мы собираемся пройти.
Первый шаг — создать пустой проект.
Здесь вы увидите все необходимое для создания любого мощного веб-сайта. Слева вы увидите все необходимое для добавления и редактирования компонентов, а справа вы увидите все необходимое для стилизации этих компонентов.
В Webflow первые 3 кнопки в левой части конструктора — это то, что вы используете для элементов HTML.
Первая — это панель «Добавить элементы». Сюда вы можете добавлять такие компоненты, как блоки div, кнопки, текст, изображения, формы и т. Д. Во втором разделе вы можете добавлять символы и управлять ими. Это разделы, которые вы можете предварительно сохранить и повторно использовать на нескольких страницах, например на панели навигации или нижнем колонтитуле. Третий — это навигатор, где вы можете увидеть иерархию и структуру ваших компонентов.
Прежде чем мы разместим какие-либо элементы на холсте, давайте определим наш шрифт и размер шрифта нашего Body (главной страницы, на которой мы строим).
Начните с выбора Body в навигаторе. Затем перейдите на панель «Стиль» (справа) и выберите класс «Основной текст (все страницы)». Любые изменения стиля, которые мы вносим в этот класс, могут быть повторно использованы на дополнительных страницах нашего веб-сайта. Например, если мы хотим добавить основной цвет фона ко всем нашим страницам, мы сделаем это здесь. В данном случае мы сохраняем белый цвет по умолчанию.
Нам нужно установить наш базовый шрифт и размеры, перейдя в «Типографику» и выбрав шрифт из списка.Вы также можете добавить собственный шрифт в настройки своего проекта, который отобразится в раскрывающемся списке.
Мы выбрали шрифт Verdana, и теперь мы хотим выбрать базовый размер шрифта. 16 пикселей является стандартом для размера шрифта, и добавление «1,4-» для высоты гарантирует, что высота шрифта будет в 1,4 раза больше размера шрифта. Если вы хотите узнать больше о расширенной веб-типографике и настройках шрифтов, посмотрите это видео:
Хорошо, давайте добавим несколько элементов. Начнем с добавления встроенной навигационной панели.
Далее, ниже мы добавим div Section для нашего раздела hero. После того, как мы добавим div раздела, мы можем добавить к нему класс и назвать его «Раздел героя», чтобы мы могли оставаться организованными и четко видеть все элементы в нашем навигаторе.
Теперь мы можем внести некоторые изменения в стиль нашей панели навигации, начав с того, что сделаем фон того же цвета, что и наше тело.
Просто выберите панель навигации в навигаторе и измените цвет фона на панели «Стиль».
Теперь добавим логотип.Убедитесь, что ваш логотип сохранен в формате PNG или SVG, и загрузите его в диспетчер ресурсов в своем проекте Webflow. Оттуда вы можете перетащить актив значка на холст.
Теперь давайте настроим отступы на логотипе и добавим дополнительную навигационную ссылку.
Добавить новую ссылку на панель навигации так же просто, как скопировать и вставить — Command C и Command V на Mac, Control C и Control V на Windows.
Отлично, у нас простая навигационная панель. Переходим к разделу о героях.
Начнем с добавления Контейнера в Раздел Героев.Мы хотим воссоздать текущую домашнюю страницу Webflow (вроде), поэтому нам также нужно будет добавить сетку в наш контейнер.
После добавления сетки мы можем щелкнуть по ней правой кнопкой мыши и удалить дополнительную строку по умолчанию. Таким образом, у нас есть простая сетка из двух столбцов в нашем контейнере.
Возвращаясь к блочной модели, мы также хотим добавить div в каждый столбец и добавить к ним классы (сетка левого столбца и сетка правого столбца), чтобы мы правильно пометили их и могли стилизовать их позже.
Мы добавили элемент изображения в нашу сетку правого столбца, и теперь мы можем добавить наше содержимое в сетку левого столбца.
Начнем с заголовка, абзаца и кнопки. Как вы можете видеть на видео выше, мы можем добавлять наши элементы, перетаскивая их на холст или перетаскивая их прямо в наш навигатор. При работе с сетками легче выравнивать элементы в навигаторе. Как видите, мы добавили абзац в навигатор, а не на холст. Это потому, что элемент шел не туда, куда мы хотели.
Теперь мы можем добавить наш контент и стилизовать его, используя панель «Стиль» справа.Давайте настроим размер шрифта и добавим отступ для интервала.
Хорошо, давайте немного улучшим этот вид, начав с кнопки CTA (призыв к действию).
Давайте изменим цвет кнопки и добавим отступы между текстом кнопки и внутренними краями самой кнопки.
Padding на кнопке CTA
Мы используем padding для создания пространства внутри элементов и margin для создания пространства вне элементов. Для чего-то вроде разделения заголовка, абзаца и кнопки мы использовали маржу, потому что мы хотели создать пространство между этими элементами.Но для нашей кнопки мы хотели создать больше места внутри элемента кнопки, поэтому мы использовали отступы.
Что хорошо подводит нас к той части, где мы добавляем отступы в нашу секцию героя, чтобы дать нашей сетке немного места с нашей навигационной панели.
После добавления отступов к нашему разделу героев, мы также хотим центрировать наше изображение в сетке правого столбца, чтобы выровнять его с сеткой левого столбца.
Для этого мы просто выбираем в сетке правого столбца, которую мы создали ранее, и на панели «Стиль» нажимаем «Выровнять по центру».Это обеспечит попадание всего содержимого в сетку правого столбца в центр поля.
Теперь давайте добавим раздел, чтобы показать всех наших клиентов.
После того, как мы создадим нашу сетку из пяти столбцов, давайте установим имя класса в Grid на Client Logo Grid. Теперь мы хотим загрузить наши логотипы в наш менеджер активов. Я буду использовать один логотип пять раз в демонстрационных целях.
Просто перетащите свои логотипы в каждый столбец сетки. После перетаскивания первого изображения мы хотим убедиться, что наш логотип находится посередине нашей сетки.Чтобы центрировать логотип, выберите изображение и на панели «Стиль» нажмите «Выровнять по центру».
Поскольку мы используем один и тот же логотип для всех пяти столбцов, я просто скопировал и вставил их (Command C и Command V на Mac, Control C и Control V на Windows) в видео выше.
Мы только что создали нашу первую домашнюю страницу!
Я не лучший веб-дизайнер, но, надеюсь, вы лучше понимаете, как подойти к Webflow как новичок. Если вы сможете зайти так далеко, ваши навыки разработки Webflow возрастут в кратчайшие сроки.
Для справки, вот как выглядит мой навигатор. Обратите внимание на размещение наших компонентов:
Но подождите, мы знаем только, что это хорошо выглядит на рабочем столе. А как насчет планшета или мобильного телефона?
Сделайте адаптивным
Итак, если вы когда-либо работали с адаптивным дизайном раньше, вы знаете, что на этом этапе все может стать немного сложным.
Хорошая новость: Webflow уже проделал за вас большую часть тяжелой работы! Чтобы увидеть это в действии, мы перейдем к просмотру различных устройств, доступных в центре верхней панели конструктора:
Теперь переключитесь между каждой точкой останова и посмотрите, как это повлияет на ваш дизайн.
Если вы спроектируете так, как мы, Webflow автоматически попытается сделать все адаптивным. Но иногда вам нужно уменьшить масштаб или переместить объекты, если вы используете Grid (каковыми мы и являемся).
Мы видим, что все, что находится в режиме планшета или меньше, заставляет наше избранное изображение выглядеть неестественно. Размер нашего шрифта также слишком велик, а наш контент находится слишком близко к краям.
Давайте все это исправим.
Какие бы изменения в дизайне мы ни вносили в режиме планшета, они отразятся на меньших размерах .Так что начните в режиме планшета и постепенно спускайтесь вниз по мере необходимости.
Во-первых, начните с исправления способа отображения избранного изображения. Вместо того, чтобы изображение сжималось вправо, мы хотим переместить его в нижнюю часть раздела героев.
Для этого нажмите на сетку редактирования. Оттуда добавьте одну дополнительную строку и щелкните правой кнопкой мыши, чтобы удалить левый столбец, в котором находится наше избранное изображение. Это автоматически перенесет нашу сетку правого столбца с нашим изображением в новую нижнюю строку, которую мы создали.
Как только это произойдет, нажмите «Сетка правого столбца» и переместите изображение в центр div, нажав «Выровнять по центру».Оттуда добавьте верхнее поле в сетку правого столбца, чтобы уменьшить его.
Хорошо, давайте перейдем к горизонтальному мобильному режиму.
Первое, что мы видим, это слишком большой размер шрифта, давайте уменьшим его. Затем мы хотим перенести наш контент с краев. Чтобы исправить это, выберите Контейнер, в котором находится вся наша сетка, и добавьте отступы по бокам.
И последнее, перейдем в портретный режим для мобильных устройств.
Опять же, шрифт слишком большой. Давайте уменьшим размер заголовка, абзаца и текста кнопки.
Готово!
Как видите, логотипы клиентов внизу остались отзывчивыми и сами уменьшились в масштабе. Но если вы хотите, чтобы логотипы накладывались друг на друга, следуйте тому же процессу, который мы прошли для сетки в нашем разделе героев.
Вы сделали это, ваша первая адаптивная домашняя страница, встроенная в Webflow.
Ты должен гордиться, я знаю. Мы просто визуально разработали целую домашнюю страницу с кодом. Создание в Webflow позволило нам ощутить всю мощь кода, даже не написав его.Ознакомьтесь со всем HTML и CSS, которые мы визуально написали в этом руководстве:
Это довольно круто, если вы спросите меня. Если у вас есть какие-либо вопросы, не стесняйтесь оставлять их в комментариях ниже — удачных вам созданий!
DjangoGirls / учебник: это руководство, которое мы используем для семинаров по Django Girls
Это репозиторий исходного кода для Django Girls Tutorial. Django Girls Tutorial используется на tutorial.djangogirls.org, поэтому, если вы хотите его прочитать, перейдите сюда. Если вы хотите внести свой вклад, пожалуйста, продолжайте работу с этим файлом.
Учебник Django Girls Tutorial находится под лицензией Creative Commons Attribution-ShareAlike 4.0 . Каждый может добавлять, редактировать и исправлять учебник.
Исходный код учебника размещен на GitHub. Рабочий процесс GitHub Fork & Pull используется для принятия и просмотра изменений.
В руководстве используется сервис GitBook для публикации документации. См. Дополнительную информацию о том, как работает GitBook.
Учебное пособие написано на языке разметки Markdown.
Вы можете найти любые обсуждения содержания учебника в системе отслеживания проблем GitHub.
Платформа
Crowdin используется для управления переводами. Если вы хотите присоединиться к существующей команде переводчиков или запустить новый перевод, отправьте электронное письмо менеджерам по переводам или обратитесь в службу поддержки. Если вы хотите предложить небольшие изменения или исправить опечатки в существующих переводах, создайте запрос на вытягивание.
Для участия в обучающей программе для начала необходимо следующее:
Вилка репозитория
Первая форк репозитория DjangoGirls / tutorial в вашу личную учетную запись GitHub:
Простые изменения
Для простых изменений, таких как исправление опечаток, вы можете использовать онлайн-редактор GitHub:
- Откройте страницу локального форка на GitHub,
- перейдите к README.md файл в любой главе,
- нажмите значок Редактировать (перо)
, и вы можете редактировать главу прямо на github.com.
Синтаксис
Markdown используется для редактирования отдельных страниц учебника.
Сохраните изменения и создайте запрос на перенос, как описано ниже.
Новое содержание и сложные изменения
Для добавления новых глав, написания более длинных фрагментов текста или добавления изображений вам необходимо получить копию учебного пособия на локальном компьютере.
Используйте приложение GitHub для своей операционной системы (упомянутое выше) или командную строку git
, чтобы получить репозиторий локально. Вы получаете адрес репозитория с главной страницы вашего собственного репозитория GitHub:
git clone [email protected]: yourgithubusername / tutorial.git
Затем создайте ветку для ваших новых изменений. Это помогает называть ветку как-то, что связано с изменениями, которые вы собираетесь внести.
git checkout -b участие
Загрузите приложение GitBook Editor на свой компьютер.
Затем вы можете открыть учебник в редакторе GitBook ( файл > Открыть книгу ).
Внесите любые изменения в учебник с помощью GitBook, а затем сохраните изменения ( Книга > Сохранить все ).
Затем зафиксируйте изменения с помощью git
и отправьте изменения в удаленный репозиторий GitHub.
Пример:
$ git status
О ветке, способствующей
Неотслеживаемые файлы:
(используйте "git add ..." для включения в то, что будет зафиксировано)
Contributing_and_editing_this_book / images / gitbook.PNG
$ git add Contributing_and_editing_this_book / images / gitbook.png
$ git commit -m "Добавлен скриншот редактора gitbook"
[участие fe36152] Добавлен снимок экрана gitbook
1 файл изменен, 0 вставок (+), 0 удалений (-)
режим создания 100644 Contributing_and_editing_this_book / images / gitbook.png
$ git push
Подсчет объектов: 11, готово.
Дельта-сжатие с использованием до 8 потоков.
Сжатие объектов: 100% (5/5), готово.
Написание предметов: 100% (5/5), 266,37 Кбайт | 0 байт / с, готово.
Всего 5 (дельта 1), повторно используется 0 (дельта 0)
Чтобы git @ github.com: miohtama / tutorial.git
b37ca59..fe36152 способствуя -> способствующему
Если вы не хотите загружать приложение GitBook Editor, вы также можете перейти на веб-сайт GitBook, бесплатно зарегистрироваться и работать прямо в браузере.
После внесения изменений вам необходимо создать запрос на перенос на GitHub. DjangoGirls получит уведомление о запросе на перенос, просмотрит ваши изменения, предложит любые исправления, если необходимо, а затем вытянет ваши изменения в основную версию.
В вашем собственном репозитории на GitHub нажмите do Сравните и запрос на извлечение
Введите информацию , почему было внесено это изменение. Рецензент может видеть подробности фактического изменения, поэтому вам не нужно повторять содержание изменения.
Затем нажмите Создать запрос на вытягивание .
электронных писем GitHub уведомят вас о последующих действиях.
GitHub имеет отличную документацию. Проверьте это, если вам нужна помощь!
С дополнительными вопросами обращайтесь к DjangoGirls.
Семинары и учебные пособия по управлению цифровым сохранением
Библиотеки MIT рады быть принимающей организацией для семинара и учебного пособия по управлению цифровым хранением. Эта расширенная программа основана на учебной программе семинаров, первоначально разработанной и проводившейся в Корнельском университете (2003-2006 гг.), Проводимой в ICPSR (2007-2012 гг.), А с 2012 г. в библиотеках Массачусетского технологического института. Семинары DPM в рамках четырех грантов, присужденных с 2002 года.
Мастерские
Семинары
по управлению цифровым хранением предлагают практические рекомендации по разработке эффективных программ цифрового хранения для менеджеров цифрового контента во всех типах организаций.
Учебники
Английский язык: Управление сохранением цифровых данных: реализация краткосрочных стратегий решения долгосрочных проблем
Обратите внимание: Французский и итальянский переводы руководств были удалены, пока их содержание не будет обновлено.
Цитаты
DPM Пять ступеней и стул на трех ножках:
Энн Р. Кенни и Нэнси И. Макговерн, «Пять организационных этапов цифрового хранения», в Цифровые библиотеки: взгляд на двадцать первый век , праздничный сборник в честь Венди Луги, 2003 г. Доступен в Университете им. Веб-сайт серии научных монографий штата Мичиган:
http://quod.lib.umich.edu/cgi/t/text/text-idx?c=spobooks;idno=bbv9812.0001.001;rgn=div1;view=text;cc=spobooks ; узел = bbv9812.0001.001% 3A11.
DPM Учебник:
Управление цифровым сохранением: реализация краткосрочных стратегий для долгосрочных решений , онлайн-учебник, разработанный для семинара по управлению цифровым хранением, разработанный и поддерживаемый библиотекой Корнельского университета, 2003-2006; расширен и поддерживается ICPSR, 2007-2012; и теперь расширяется и поддерживается библиотеками Массачусетского технологического института с 2012 г. по настоящее время.
Оценка воздействия программы непрерывного образования DPM (CEPIA) Модель:
Модель CEPIA является результатом гранта DPM от Национального фонда гуманитарных наук (NEH), который завершился в 2017 году.Это средство для определения и измерения прогресса и основных этапов программ непрерывного образования.
Учебное пособие — Официальная Terraria Wiki
Было предложено переписать эту страницу / раздел. Причина: «Учебник для консоли отличается от версий для 3DS и Switch, поэтому эту статью нужно переписать». |
The Tutorial — это особый мир, созданный для объяснения игроку основ игры.Игрок начинает игру на небольшом плавучем острове между небольшой дырой, покрытой тремя деревянными платформами. Рядом есть несколько руд. Учебник попросит игрока выполнить определенное задание, и как только оно будет выполнено, игрок сможет приступить к следующему заданию. Если игрок случайно или намеренно выполнит задание до того, как его попросят сделать это, игра просто позволит ему его пропустить.
В учебнике есть собственный музыкальный трек. Он воспроизводится только на время выполнения инструкций, а в версии 3DS будет переключаться на обычную игровую музыку, как только игрок выполнит указанные инструкции.Игра случайным образом выберет для игрока пол, цвет одежды и расу. Раса обычно бывает черной или белой, а не какой-то определенной расы.
Номер ссылки | Примечание |
---|---|
[1] | Где появится игрок. Здесь игрока обучают базовым элементам управления, и это можно считать ареной для Зеленой слизи, которую игрок должен будет убить. |
[2] | Есть сундук, расположенный под рудой, которую игрок выкопает.В сундуке находится 99 единиц дерева. |
[3] | Здесь есть небольшой алтарь из золотого, серого и красного кирпича, в котором находится Сундук, окруженный факелами Тики. В сундуке находится полный комплект железной брони. |
[4] | Здесь есть хижина из демонитового кирпича со стенами из обсидианового кирпича в качестве фоновых стен. Внутри находится сундук, содержащий лечебное зелье, зелье железной кожи и зелье спелеолога. |
[5] | Под точкой возрождения находится большая жила золотой руды, из которой можно сделать 55 золотых слитков. |
[6] | Здесь находится нажимная пластина, которая запускает ловушку для дротиков. |
[7] | Здесь находится сундук, содержащий Подкову удачи, 20 светящихся палочек и 5 золотых слитков. |
[8] | Под островом есть небольшая платформа, сделанная из золотых кирпичных стен, обсидиана и адского камня. Здесь находятся туалет, ванна, сундук и кровать, и если вынести их на поверхность, игрок сможет использовать его, и точка появления может быть установлена.Внутри сундука посередине находятся книга, миска с супом и крюк. |
[9] | Здесь есть золотой сундук, содержащий бомбу с модификатором «Большой». Это единственный не оружейный предмет, у которого есть модификатор, который можно получить законным способом. |
[10] | Внизу обучающего мира вместо подземного мира находится барьер, состоящий из лавы и слоя из 3 обсидианов. Есть способ преодолеть этот барьер, но для этого нужно получить кирку, что является сложной задачей из-за ограничений обучающего мира.Игрок не может использовать бомбу для прорыва, так как взрыв уничтожит только два слоя обсидиана, и, если игрок не найдет другую бомбу, барьер останется неповрежденным. |
Разное | Если вы пробились через обсидиановый барьер, вы попадете прямо в Преисподнюю. Однако весь Подземный мир — это огромный бассейн лавы без ландшафта, который в конечном итоге убивает игрока. Персонаж, созданный при открытии урока, называется «Студент». |
- Над «холмом с множеством деревьев» есть Плавучий остров. Добраться до него можно, поставив ровно 85 платформ прямо на вершину холма, а затем построив вправо.
- Плавучий остров состоит из дома, сделанного из золотых кирпичей и блоков грязи, с двумя сундуками внутри. Его стиль указывает на то, что он, вероятно, был создан в версии 1.1.
Карта исследованного учебного мира в версии для Switch. (Щелкните, чтобы просмотреть карту в полном размере)
* Все доступные сундуки на острове отмечены, но сундуки за пределами острова помечены только в том случае, если в них есть уникальные предметы, чтобы предотвратить раздувание.
Подробная информация об учебном мире [править | править источник]
- В отличие от других версий учебника, персонаж игрока не имеет имени, и все экземпляры имени игрока будут пустыми.
- Время не меняется с полудня.
- Таким образом, любые боссы, заблокированные в ночное время, не могут быть вызваны. Принимая во внимание все другие ограничения в мире, единственными вызываемыми боссами являются Король Слайм, Пожиратель миров и Стена плоти.
- Это также означает, что на игрока действует постоянный штраф -20% к мощности рыбалки. Это значительно усложняет рыбалку, особенно в сочетании с отсутствием хороших удочек на раннем этапе.
- Похоже, что в мире нет биомов Сердечных Кристаллов или Светящихся грибов.
- Из всех синих цветов в подземных и островных джунглях выпадают «Дары природы» с различными модификаторами. Лучше всего оставить лучшие из них, а остальные продать за деньги.
- Если играть на более ранней версии Switch, обычная музыка начнется после завершения обучения
- Из-за ограничений обучающего курса, только Гид, Торговец, Подрывник, Торговец Красителями, Дриада, Торговец оружием, Художник, Рыболов и Гоблин-механик могут войти. Торговец Скелетами также может появляться под землей.
- Бабочки не появляются во время обучения, однако все остальные твари появляются как обычно.
- Мир появляется с Саламандрами и Раками.
- Учебная музыка играет везде, кроме Преисподней.
- Кажется, что весь мир сдвинут вверх примерно на 80 клеток, а также имеет очень тонкий слой пещеры.
- На самом деле мир представляет собой небольшой мир 1.1 с вырезанным резервуаром с песком, заполненным водой. Посреди этого бассейна был построен остров, и если игрок раскопает сам бассейн, он обнаружит под ним весь остальной мир. Нижняя часть песочного бассейна залита грязью.
- Ласты почти необходимы для раннего перехода от острова, но также можно собрать достаточно денег, чтобы заставить торговца переехать, а затем фармить блоки с помощью Серпа, чтобы построить мост.
- После получения Жезл Раздора полезен как для исследования пещер, так и для пересечения бассейна, если у игрока нет моста.
- Игра сначала проинструктирует игрока двигаться, прыгать, а затем падать через ближайшие деревянные платформы.
- После выпрыгивания игра скажет игроку использовать предмет и переключиться на другой, а точнее на Медный короткий меч / Деревянный меч.
- После этого игрок получит указание убить Зеленую слизь.Слизь всегда будет появляться слева.
- Затем игроку будет сказано срубить дерево, чтобы добыть дрова. Затем игроку рассказывают, как использовать эту древесину в инвентаре.
- Когда игрок входит в свой инвентарь, ему рассказывают, как переключаться между меню и как создавать. Игрок может покинуть инвентарь после создания трех факелов.
- После выхода из инвентаря игра направляет игрока к жилой руды, которую игроку предлагается добыть.
- Игроку предлагается построить 5 платформ, чтобы выбраться из ямы. Под рудой находится сундук, содержащий 99 единиц дерева (только для 3DS), которые можно использовать для постройки необходимого дома.
- Затем игра предлагает игроку расплавить руду после выхода из ямы. У игрока остается по две руды каждой руды, и остаются две медные и железные.
- После этого игроку предлагается построить дом размером минимум 6 на 10 блоков. Несмотря на то, что в игре дом может быть меньше, обучение не будет продолжаться до тех пор, пока не будут выполнены требования.
- Затем игрок создаст верстак, использует его для изготовления двери, построит фоновые стены для дома и поместит стул и факел для подходящего дома.
- После этого игрок может исследовать мир и делать все, что захочет, но рекомендуется создать свой собственный мир.
- Учебное пособие содержит некоторый старый и устаревший текст, в котором игроку сообщается, что он может получить предметы из Руководства и использовать Молот, чтобы разбить мебель.
- Во время написания сценария урока единственный появляющийся враг — это Зеленая слизь.Как только игрок завершит обучение (следуя всем инструкциям по сценарию), другие враги появятся на соответствующих уровнях.
- Если игрок не убил, как указано в сценарии, Зеленая слизь будет появляться бесконечно, независимо от обычного лимита появления, что приводит к появлению сотен, если не бесконечного количества, слизней в области. [1]
- В демо-версии Terraria вы можете играть только в Учебное пособие.
- Игрок начинает со стандартными пятью сердечками (100 очков здоровья) и может получать урон от врагов и падений.Однако урон уменьшит HP игрока только до одной четверти сердца (5 HP), что означает, что в обучающем мире игрок практически неуязвим, за исключением горения, утопления и отравления.
- Можно преодолеть барьер из лавы и обсидиана внизу слоя Пещеры и получить доступ в Подземный мир. Для этого игрок должен получить 2 бомбы, убив Нежить-шахтеров или получив их из бонуса слизи. Оказавшись там, игрок столкнется со всеми врагами, которые обычно встречаются в Подземном мире, включая Демона Вуду. Проверить
- Мир — это расширенный мир. В этом можно убедиться, посчитав количество плиток между левым и правым краями мира.
- Игроки могут размещать блоки на веревках, что означает, что игрок потенциально может построить мост прямо над лавой.
Terraria Expert • «Вы прошли обучение!» Завершите учебник .
- Mobile 1.3.0.7: удалено, заменено кнопкой «Учебник», которая дает всплывающие подсказки для элементов управления.
Страница не найдена | MIT
Перейти к содержанию ↓
- Образование
- Исследование
- Инновации
- Прием + помощь
- Студенческая жизнь
- Новости
- Выпускников
- О MIT
- Подробнее ↓
- Прием + помощь
- Студенческая жизнь
- Новости
- Выпускников
- О MIT
Меню ↓
Поиск
Меню
Ой, похоже, мы не смогли найти то, что вы искали!
Попробуйте поискать что-нибудь еще!
Что вы ищете?
Увидеть больше результатов
Предложения или отзывы?
.
Leave a Reply