Цель заброшена
Автор не отписывался в цели 9 лет 2 месяца
Базовые ступеньки в карьере Frontent developer`a
Мое знакомство с вебом состоялось уже практически 10 лет назад. Все начиналось с убогоньких, но таких значимых в собственных глазах, сайтиков из Фронтпейджа. Чистый и не очень HTML и ничего больше. С тех пор я успела уже получить какое-никое IT образование, поработать с Джумлой, Друпалом, Вордпресом, склепать не меньше десятка говносайтов, заверстать кучу e-mail рассылок (не спам, конешно). Все мои знания достаточно поверхностны, без углубления в какую-либо конкретную програмную область и технологию. Думаю, пришло время всё это исправить и серьезно заняться самообразовинем.
Джентельменский набор умений и навыков любого верстальщика и фронтендера выглядит так:
- HTML5
- CSS3
- JavaScript/jQuery
- Кроссбаузерность
Помимо этого, хороший разработчик еще он должен знать основы UI/UX-дизайна, серверные языки, Ajax, уметь работать с препроцессорами, популярными фреймворками и т.д. Так как я фанат уважаю Вордпрес, то в идеале, хотела бы связать свою дальнейшую работу с ним, а именно - создавать шаблоны для него. Но обо всём этом попозже. А для начала нужно заложить хороший фундамент. И самое слабое место у меня с программированием и JavaScript.
Теория
Офигенная статья где собрано все-все-все что нужно (или почти все): frontend dev bookmarks
Практика
Критерий завершения
работа в штате или доход на фрилансе от $1000
-
HTML/CSS
Интерактивные курсы:
Уроки и материалы:
-
Автоматизация
-
JavaScript
Интерактивные курсы:
Теория:
- Учебник JavaScript
- Фленаган Д. JavaScript подробное руководство
- http://jquery.com
- http://jqueryui.com
- http://jquery-docs.ru
- http://jquery.page2page.ru
- http://anton.shevchuk.name/book/code
- http://anton.shevchuk.name/jquery-book/
- http://try.jquery.com/
- Уроки от LearnCode.academy
- https://github.com/bebraw/jswiki/wiki
- http://modernizr.com/
-
Препроцессоры
Здесь все материалы для изучения я полностью сперла у Машуши:
Это немаловажный пункт, т.к. пока я не очень представляю с чего начать, но кое-что на примете у меня всё-же имеется:
Less:
- http://www.lesscss.ru/
- http://www.developerdrive.com/2012/04/learning-les...
- http://www.bennadel.com/blog/2645-thinking-about-s...
- https://medium.com/@fat/mediums-css-is-actually-pretty-fucking-good-b8e2a6c78b06
- http://www.helloerik.com/bootstrap-3-less-workflow-tutorial
- http://habrahabr.ru/post/136525/
Sass:
- Бесплатная версия первой части курса по Sass с codeschool - спасибо большое за наводку Кириллу. Я решила, что сначала попробую free-вариант и если понравится, то оформлю себе подписку на месяц, чтобы как-то вознаградить разработчиков ресурса, сделать задания и пройти вторую часть.
- http://sass-lang.com/
- http://www.paulund.co.uk/getting-started-sass
- http://code.tutsplus.com/articles/mastering-sass-l...
- http://code.tutsplus.com/tutorials/mastering-sass-lesson-2--net-19073
- http://code.tutsplus.com/tutorials/mastering-sass-lesson-3--net-19292
- http://compass-style.org/
- Build a Responsive, Single Page Portfolio with Sass and Compass
- A WordPress Development Process Using Sass and Compass
- http://alistapart.com/article/why-sass?utm_source=...
И ещё:
- Блог сразу обо всех препроцессорах http://csspre.com/
- Сравнение Less & Sass http://www.sitepoint.com/whats-difference-sass-sc...
-
Фреймворки Javascript
На самом деле их просто необьятная куча. Пока что выписала то, что скорее всего пригодится. Дальше, по ходу дела все может откоректироваться.
Не пропустите новые записи!
Подпишитесь на цель и следите за ее достижением
