Giter VIP home page Giter VIP logo

web-programming's Introduction

Веб-программирование на Физтехе

Build Status

В октябре 2017 года мы начинаем проходить курс маленьким сообществом. Напишите Виталику, и вас добавят в чатик.

Спецкурс читался в МФТИ в Долгопрудном в 2014-2015 учебном году.

Видеолекции курса есть на Ютьюбе

Ещё у меня есть начальный курс Питона Snakify.org с интересными задачами. Хорошие задачи, порешайте. Змейка для привлечения внимания:

Snakify.org logo

Курсы на Физтехе в 2015-2016 году

Осенний семестр

29 октября. Какие языки и технологии используются на вебе. HTML. CSS. CSS-фреймворки. Хостинг для статического сайта.

5 ноября. Javascript. Управляющие конструкции, типы данных, примеры работы с деревом элементов. Библиотека JQuery. Github.io.

12 ноября. Введение в язык Python 3.

19 ноября. Протокол HTTP. Реализация своими руками: веб-фреймворк на голых сокетах. "Сокращатель ссылок". Фреймворк Flask: routing, шаблоны. "Блог". Тестирование Flask-приложения.

26 ноября и 3 декабря. Менеджер виртуальных машин Vagrant. Деплоймент на VPS через tmux и gunicorn. Тестирование Flask-приложений, Travis CI. Cookies, sessions. Передача и хранение паролей, HTTPS. Декораторы

Весенний семестр

20 февраля. Язык SQL. Sqlite3, работа с базой sqlite3 из Питона. Фреймворк Django: ORM, админский интерфейс базы

27 февраля. Django: статика, регистрация пользователей, ajax, JSON API, кастомизация админки, миграции базы, XSS

6 марта. Деплоймент: nginx, uWSGI, PostgreSQL, логгирование

13 марта. Графические компоненты (виджеты)

20 марта. Node.js: зачем нужна асинхронность. Npm. Автоматизация фронтенда: Bower, Grunt, JSHint, LESS, ES6

27 марта. Node.js, Express.js. Socket.io. Облачный хостинг: heroku

1 апреля. Гостевая лекция: Дмитрий Елисов о том, что бизнес надо делать на простых технологиях

8 апреля. Фреймворки для одностраничных приложений: концепция MVC, виртуальное DOM-дерево

15 апреля. Тестирование фронтенда: QUnit, Mocha, Karma. Тестирование API: requests. Selenium WebDriver

22 апреля. React.js. Кроме того, Плагины для Хрома. Букмарклеты

29 апреля. WordPress, создание интернет-магазина на WooCommerce

Проект нашего ученика

Миптакар - сайт поиска попутчиков на Физтехе

Что не рассказано на курсе

Вёрстка

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

Фронтенд

  • Yeoman
  • Normalize.css
  • Препроцессоры HTML: Jade, HAML
  • Современные CSS-препроцессоры Sass, Stylus
  • Языки, компилируемые в JavaScript: CoffeeScript, Dart, Closure Compiler
  • Зависимости в JavaScript: AMD, Require.js, CommonJS, ES6-подход
  • Векторная графика на вебе: raphael, d3.js
  • Web Components, Polymer
  • Как лечить scrolling amnesia?

Бекенд

  • Полнотекстовый поиск
  • Авторизация через соцсети
  • Кеширование
  • Безопасность. Атаки, механизмы защиты
  • Очередь задач: celery

Разное

Материалы

Фронтенд

Бекенд

web-programming's People

Contributors

vpavlenko avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

web-programming's Issues

Позволить вставлять ссылки на задачи в произвольное место урока, а не только в конец

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.