https://github.com/solarrust/foxford-camp
Материалы для летнего профильного лагеря Фоксфорд
https://github.com/solarrust/foxford-camp
Last synced: 11 months ago
JSON representation
Материалы для летнего профильного лагеря Фоксфорд
- Host: GitHub
- URL: https://github.com/solarrust/foxford-camp
- Owner: solarrust
- Created: 2017-05-29T11:42:18.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2017-07-11T17:04:31.000Z (almost 9 years ago)
- Last Synced: 2025-04-23T04:36:44.480Z (about 1 year ago)
- Language: JavaScript
- Size: 55.4 MB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Материалы для студентов отделения «Программирование»
> Не забудьте выбрать бесплатный курс [по ссылке](https://netology.ru/development/programs)!
Для получения курса нужно зарегистрироваться на сайте, прислать мне название выбранного курса и почту вашего аккаунта!
## Видео
1. [Базовая HTML-разметка](https://vimeo.com/218187045/1674b0e67c) (смотреть с 20 минуты)
2. [Знакомство с CSS](https://vimeo.com/218493105/da21df93a6)
3. [Лекция создателя CSS на PiterCSS #6](https://youtu.be/qFeCi6E3e14?t=1h44m18s)
4. **[Переменные, числа и строки в JS](https://vimeo.com/199845442/d84d4f4e9e)**
## Презентации
1. [Презентация с первого занятия](https://solarrust.github.io/foxford-camp/slides/internet/assets/player/KeynoteDHTMLPlayer.html#0)
2. [Презентация по CSS-анимации](http://epic.spb.ru/animation/)
## Инструменты
1. [Тильда](http://tilda.cc/ru/)
2. [Онлайн-редактор CodePen](https://codepen.io/)
3. **[Редактор Атом](https://atom.io/)**
4. **[Используем Атом](https://medium.com/@zakharday/%D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D1%83%D0%B5%D0%BC-atom-%D0%B4%D0%BB%D1%8F-%D0%BF%D0%B5%D1%80%D0%B2%D0%BE%D0%B9-%D0%B2%D1%91%D1%80%D1%81%D1%82%D0%BA%D0%B8-8e2ff7aa9ffe)**
5. **[Плагины для Атома](https://www.youtube.com/watch?v=9hZOCQkHb4Y)**
## Мануалы
### Верстка
1. [Туториал по HTML](http://marksheet.io/html-syntax.html)
2. [Объяснение работы всех CSS-свойств](http://cssreference.io/)
3. [Коллекция практических советов и заметок по вёрстке](https://habrahabr.ru/post/273471/)
4. [Знакомство с HTML. Интерактивные уроки](https://htmlacademy.ru/courses/basic-html)
5. [Знакомство с CSS. Интерактивные уроки](https://htmlacademy.ru/courses/basic-css)
6. [Игра на знание CSS-селекторов](https://flukeout.github.io/)
7. [Руководство по цветам в вебе для «ботаников»](http://css-live.ru/articles/rukovodstvo-po-cvetam-v-vebe-dlya-botanikov.html)
8. [Псевдокласс `hover`](https://webref.ru/css/hover)
9. [Магия CSS. Глава 2. Раскладка](https://medium.com/@ABatickaya/%D0%BC%D0%B0%D0%B3%D0%B8%D1%8F-css-%D0%B3%D0%BB%D0%B0%D0%B2%D0%B0-2-%D1%80%D0%B0%D1%81%D0%BA%D0%BB%D0%B0%D0%B4%D0%BA%D0%B0-dab18a021c55)(про позиционирование)
10. [Относительные единицы измерения](https://webref.ru/course/css-basics/size)
### CSS-анимация
1. [Перемещение и трансформация](https://habrahabr.ru/post/135816/)
2. [Трюки с CSS-анимациями](https://habrahabr.ru/company/nordavind/blog/209462/)
3. [Сборник статей. Раздел об анимации](https://github.com/melnik909/frontend-whitelist/blob/master/README.md#css-%D0%B0%D0%BD%D0%B8%D0%BC%D0%B0%D1%86%D0%B8%D0%B8)
4. [3D кубик на чистом CSS](http://css.yoksel.ru/3d-cube/)
5. [Классная статья с демками об анимации](http://css.yoksel.ru/css-animation/)
6. [Переворот карточки](https://24ways.org/2010/intro-to-css-3d-transforms/)
### JavaScript
1. **[Пример с определением геолокации](https://codepen.io/solarrust/pen/jwZBBL?editors=1010)**
2. **[Пример с видео](https://codepen.io/solarrust/pen/BZYQZx)**
3. **[Учебник на JS на русском языке](https://learn.javascript.ru/)**
4. **[Сайт с задачками для тренировки](https://www.codewars.com/)**
5. **[Игра, в которой герой выполняет написанный код](https://codecombat.com/)**
6. **[Документация Яндекс API](https://tech.yandex.ru/maps/)**
### Оформление кода
1. [Оформление HTML](https://netology-university.bitbucket.io/codestyle/html/)
2. [Оформление CSS](https://netology-university.bitbucket.io/codestyle/css/)
3. [Оформление JavaScript](https://netology-university.bitbucket.io/codestyle/javascript/)
4. [Наименования файлов](https://netology-university.bitbucket.io/codestyle/naming/)