Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<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

Dismiss x
public
Bin info
anonymouspro
0viewers