1

Этап 1

HTML и CSS

2

Этап 2

Практика основ HTML и CSS

3

Этап 3

Лучшие практики HTML и CSS

4

Этап 4

Основы JavaScript

5

Этап 5

Ajax и jQuery

6

Этап 6

Больше практики

7

Этап 7

JavaScript-фреймворки

8

Этап 8

Полезные ссылки

9

Этап 9

Изучение английского

1

Этап 1

HTML и CSS

2

Этап 2

Практика основ HTML и CSS

3

Этап 3

Лучшие практики HTML и CSS

4

Этап 4

Основы JavaScript

5

Этап 5

Ajax и jQuery

6

Этап 6

Больше практики

7

Этап 7

JavaScript-фреймворки

8

Этап 8

Полезные ссылки

9

Этап 9

Изучение английского

26 сентября 2016 20 июля 2017
Цель просрочена на 2473 дня

Цель заброшена

Автор не отписывался в цели 7 лет 7 месяцев 1 день

Общая

Стать Frontend-разработчиком

Всем привет! На smartprogress я уже довольно давно, но только сейчас решился создать собственную цель. До этого я практически ежедневно следил за обновлениями целей таких пользователей, как whodef, Наталья, Лена, Машуша, Артур и других, которые имели своей целью развитие в области Frontend-разработки. Из их целей я постарался взять наиболее интересные для меня полезные ссылки и гайды для постижения основ верстки, программирования, фриланса. Отдельное спасибо whodef за ее шаблон, который стал основой моей цели.

Расскажу немного о себе. Мне 24 года, законченное высшее образование по специальности преподаватель информатики и математики. Программированием я "заболел" на первом курсе университета, начиная с Pascal и Delphi. Последние несколько лет изучал C#, желая в дальнейшем связать карьеру с ним - было написано множество программ средней сложности, охватывающих многие возможности этого языка. Но что-то у нас с ним не срослось и я обратил внимание на область Web-программирования. Опыт написания простеньких сайтов аля LandingPage у меня уже есть, как и основные знания HTML, CSS и JS, но все они разрознены, неструктурированы, что сказывается на моей продуктивности.

Постараюсь в этой цели восполнить пробелы, изучить новые современные технологии Web-разработки и как итог этой цели буду считать успешную работу на фрилансе и/или в офисе. Пункты буду дополнять по мере продвижения обучения и также буду очень признателен за ваши советы и главное критику, которую очень люблю.

Много времени буду уделять практическим занятиям - начиная от простых задач и заканчивая версткой сложных макетов и, возможно, разработкой веб-приложений.

Также меня тянет в BackEnd, но я решил, что для начала нужно на должном уровне освоить Frontend.

Ссылки на мои страницы:

CodePen

GitHub

 Критерий завершения

Я без труда могу сверстать макет сайта с применением актуальных технологий

 Личные ресурсы

Целеустремленность, мозги

 Экологичность цели

Реализация этой цели позволит мне профессионально реализоваться

  1. HTML и CSS

    1. Пособия по HTML (рус.) и CSS (рус.) от Mozilla Developer Network (MDN).
    2. Htmlbook.ru и WebRef
    3. Курс Создай сайт (англ.) и Построение веб-форм (англ.)  от CodeAcademy.
    4. Руководство по Google Font API (рус.).
  2. Практика основ HTML и CSS

    Dribbble - для вдохновения примеров (1, 2, 3, 4 и 5).

    Примеры на CodePen:

    Практика верстки:

    • Dropbox for Business: Попробуйте повторить их секцию с баннерами (так называемые hero image (англ.))
    • AirBnB: Попробуйте повторить их футер
    • PayPal: Попробуйте повторить их навигацию
    • Invision: Попробуйте повторить секцию регистрации (signup) в нижней части страницы
    • Stripe: Попробуйте повторить секцию оплаты

    Практикум Htmlbook.ru и itmathrepetitor

  3. Лучшие практики HTML и CSS

  4. Основы JavaScript

    Ускоренный курс по основам языка от MDN

    learn.javascript.ru

    JavaScript на Codecademy.

    Выразительный JavaScript для закрепления полученных знаний. Выразительный JavaScript  —  это великолепная бесплатная электронная книга, которую должен прочитать каждый начинающий фронтенд-разработчик.

    Руководство по DOM в документации MDN.

  5. Ajax и jQuery

    What is Ajax  —  это технология, позволяющая странице взаимодействовать с сервером при помощи JavaScript.

    jQuery была написана еще до того, как фронтенд системы стали такими сложными как сегодня. Теперь для управления сложными интерфейсами чаще используют декларативные фреймворки и библиотеки наподобие Angular и React.

    https://www.codeschool.com/courses/try-jquery

  6. Больше практики

    Клонировать главную страницу Flipboard, и добавлять интерактив при помощи знаний из руководства по JavaScript.

  7. JavaScript-фреймворки

    Angular, React + Flux

    модель MVC, модель MVVM и модель MVP.

    JavaScript-фреймворки не изобретают колесо. Большинство из них основано на шаблонах проектирования. Вы можете думать о шаблонах проектирования как о паттернах решении распространенных проблем в сфере разработки.

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

  8. Полезные ссылки

  9. Изучение английского

    Английский я знаю на уровне школы, что недостаточно для чтения литературы по технологиям, поэтому одним из этапов будет улучшение знаний языка.

    Duolingo

    Lingvist

  • 750
  • 26 сентября 2016, 09:32
Регистрация

Регистрация

Уже зарегистрированы?
Быстрая регистрация через соцсети
Вход на сайт

Входите.
Открыто.

Еще не зарегистрированы?
 
Войти через соцсети
Забыли пароль?