<html lang="en">
<head>
<meta charset="UTF-8">
<title>Guide</title>
</head>
<body>
<h1>И так, пилю наиболее эффективный на мой вкус поэтапный гайд, что в каком порядке проходить:</h1>
<section>
<ul>
<li>
1. Для начала обратимся к HTML и CSS:
http://www.codecademy.com/tracks/web
https://htmlacademy.ru/courses
</li>
<li>
2. Добавим jQuery и JavaScript:
http://www.codecademy.com/tracks/jquery
http://try.jquery.com/
http://www.codecademy.com/tracks/javascript
https://www.codeschool.com/courses/javascript-road-trip-part-1
http://learn.javascript.ru/
</li>
<li>
3. Теперь сама вёрстка, пока на простом уровне:
<a href="http://www.codecademy.com/skills/make-a-website">http://www.codecademy.com/skills/make-a-website</a>
http://www.codecademy.com/skills/make-an-interactive-website
</li>
<li>
4. Теперь самое время посмотреть интенсив htmlacademy:
https://mega.co.nz/#!NVIkySKQ!uksvWXFK20OKSeWvoLVXKloihG8Zn2Yx7-FPMS43kyI - ссылка на торрент
https://mega.co.nz/#F!8VgAVQhD!6QsQM2hTkh-6DRGdvKEYzA - сами файлы
В чем собственно верстать? Sublime Text/Brackets/etc.
</li>
<li>
5. Теперь самое время добавить не основных, но тоже весьма полезных навыков:
Git - https://www.codeschool.com/courses/try-git
Chrome DevTools - https://www.codeschool.com/courses/discover-devtools
</li>
</ul>
<p>
Если хотите получать макеты для тренировки и немного новостей, подпишитесь на рассылку академии[spoiler]ну давайте, обвините меня в пиаре[/spoiler]: https://vk.cc/2nhUxR
Еще вот эти ребята делают годный дайджест веб-разработки каждую неделю: http://habrahabr.ru/company/zfort/
</p>
<p>
Несколько ресурсов, которые я сам посещаю регулярно:
http://www.sitepoint.com/
http://smashingmagazine.com/
http://frontender.info/
http://tutorialzine.com/
http://web-standards.ru/
http://htmlbook.ru/
http://caniuse.com/
</p>
<p>
На ютубе полно каналов на русском, где все вышеизложенное подробно разжевывается, так что приводить их не вижу смысла. Еще очень полезным будет для анона сходить в /pr, там не тонут PHP-тред, и JavaScript-тред. В первом есть гайды по многим вещам, что я упомянул выш��, но там есть ОП, который рассосет каждый чих, а здесь я постарался подобрать материалы так, чтобы анон максимально самостоятельно учился.
Если хотите показать свой код, пользуйтесь пожалуйста http://jsbin.com/
</p>
</section>
<section>
Литература на будущее:
1. Дэвид Сойер Макфарланд "Большая книга CSS3" - http://www.ozon.ru/context/detail/id/24493075/
2. Кит Джереми "HTML5 для веб-дизайнеров" - http://www.ozon.ru/context/detail/id/28293187/
3. Дэн Сидерхолм "CSS3 для веб-дизайнеров" - http://www.ozon.ru/context/detail/id/19431033/
4. Робин Никсон "Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5" - http://www.ozon.ru/context/detail/id/30957824/
5. Дэвид Флэнаган "JavaScript. Подробное руководство" - http://www.ozon.ru/context/detail/id/19677670/
6. Дэн Сидерхолм, Итан Маркотт "CSS ручной работы" - http://www.ozon.ru/context/detail/id/5510936/
7. Эрик А. Мейер "CSS. Каскадные таблицы стилей. Подробное руководство" - http://www.ozon.ru/context/detail/id/3881079/
8. Дуглас Крокфорд "JavaScript: сильные стороны" - http://www.ozon.ru/context/detail/id/28288656/
</section>
<footer>
P.S. Если вы в ДС, можете начать ходить сюда: moscowjs.ru
Похуй что ничего не поймете, зато можно побывать в офисах кококорпораций.
</footer>
</body>
</html>
Output
You can jump to the latest bin by adding /latest
to your URL
Keyboard Shortcuts
Shortcut | Action |
---|---|
ctrl + [num] | Toggle nth panel |
ctrl + 0 | Close focused panel |
ctrl + enter | Re-render output. If console visible: run JS in console |
Ctrl + l | Clear the console |
ctrl + / | Toggle comment on selected lines |
ctrl + ] | Indents selected lines |
ctrl + [ | Unindents selected lines |
tab | Code complete & Emmet expand |
ctrl + shift + L | Beautify code in active panel |
ctrl + s | Save & lock current Bin from further changes |
ctrl + shift + s | Open the share options |
ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts |
JS Bin URLs
URL | Action |
---|---|
/ | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
/edit | Edit the current bin |
/watch | Follow a Code Casting session |
/embed | Create an embeddable version of the bin |
/latest | Load the very latest bin (/latest goes in place of the revision) |
/[username]/last | View the last edited bin for this user |
/[username]/last/edit | Edit the last edited bin for this user |
/[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
/quiet | Remove analytics and edit button from rendered output |
.js | Load only the JavaScript for a bin |
.css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. |