Мета закинута
Автор не відписував в цілі 8 років 2 месяця
Стать Frontend-разработчиком
Всем привет! На smartprogress я уже довольно давно, но только сейчас решился создать собственную цель. До этого я практически ежедневно следил за обновлениями целей таких пользователей, как whodef, Наталья, Лена, Машуша, Артур и других, которые имели своей целью развитие в области Frontend-разработки. Из их целей я постарался взять наиболее интересные для меня полезные ссылки и гайды для постижения основ верстки, программирования, фриланса. Отдельное спасибо whodef за ее шаблон, который стал основой моей цели.
Расскажу немного о себе. Мне 24 года, законченное высшее образование по специальности преподаватель информатики и математики. Программированием я "заболел" на первом курсе университета, начиная с Pascal и Delphi. Последние несколько лет изучал C#, желая в дальнейшем связать карьеру с ним - было написано множество программ средней сложности, охватывающих многие возможности этого языка. Но что-то у нас с ним не срослось и я обратил внимание на область Web-программирования. Опыт написания простеньких сайтов аля LandingPage у меня уже есть, как и основные знания HTML, CSS и JS, но все они разрознены, неструктурированы, что сказывается на моей продуктивности.
Постараюсь в этой цели восполнить пробелы, изучить новые современные технологии Web-разработки и как итог этой цели буду считать успешную работу на фрилансе и/или в офисе. Пункты буду дополнять по мере продвижения обучения и также буду очень признателен за ваши советы и главное критику, которую очень люблю.
Много времени буду уделять практическим занятиям - начиная от простых задач и заканчивая версткой сложных макетов и, возможно, разработкой веб-приложений.
Также меня тянет в BackEnd, но я решил, что для начала нужно на должном уровне освоить Frontend.
Ссылки на мои страницы:
Критерій завершення
Я без труда могу сверстать макет сайта с применением актуальных технологий
Особисті ресурси
Целеустремленность, мозги
Екологічність мети
Реализация этой цели позволит мне профессионально реализоваться
-
HTML и CSS
- Пособия по HTML (рус.) и CSS (рус.) от Mozilla Developer Network (MDN).
- Htmlbook.ru и WebRef
- Курс Создай сайт (англ.) и Построение веб-форм (англ.) от CodeAcademy.
- Руководство по Google Font API (рус.).
-
Практика основ HTML и CSS
Dribbble - для вдохновения примеров (1, 2, 3, 4 и 5).
Практика верстки:
- Dropbox for Business: Попробуйте повторить их секцию с баннерами (так называемые hero image (англ.))
- AirBnB: Попробуйте повторить их футер
- PayPal: Попробуйте повторить их навигацию
- Invision: Попробуйте повторить секцию регистрации (signup) в нижней части страницы
- Stripe: Попробуйте повторить секцию оплаты
Практикум Htmlbook.ru и itmathrepetitor
-
Лучшие практики HTML и CSS
Основы семантической верстки на HTML5 (рус.)
Правильный CSS: OOCSS, SMACSS, BEM и SASS (рус.).
MeyerWeb и Создайте свой собственный файл Reset.css (англ.) для сброса стилей
Медиавыражения в CSS (рус.)
CSS архитектура: рефакторинг CSS (англ.)
Adham DannawayМой (простой) процесс дизайна и разработки сайта-портфолио (англ.).
-
Основы JavaScript
Ускоренный курс по основам языка от MDN
JavaScript на Codecademy.
Выразительный JavaScript для закрепления полученных знаний. Выразительный JavaScript — это великолепная бесплатная электронная книга, которую должен прочитать каждый начинающий фронтенд-разработчик.
Руководство по DOM в документации MDN.
-
Ajax и jQuery
What is Ajax — это технология, позволяющая странице взаимодействовать с сервером при помощи JavaScript.
jQuery была написана еще до того, как фронтенд системы стали такими сложными как сегодня. Теперь для управления сложными интерфейсами чаще используют декларативные фреймворки и библиотеки наподобие Angular и React.
-
Больше практики
Клонировать главную страницу Flipboard, и добавлять интерактив при помощи знаний из руководства по JavaScript.
-
JavaScript-фреймворки
модель MVC, модель MVVM и модель MVP.
JavaScript-фреймворки не изобретают колесо. Большинство из них основано на шаблонах проектирования. Вы можете думать о шаблонах проектирования как о паттернах решении распространенных проблем в сфере разработки.
Хотя понимание шаблонов проектирования и не является обязательным условием в вопросе изучения фреймворков, я предлагаю вам в какой-то момент заглянуть в статьи из списка.
-
Полезные ссылки
-
Изучение английского
- 822
- 26 вересня 2016, 09:32
Не пропустіть нові записи!
Підпишіться на ціль і стежте за її досягненням
Мета у складі групи
Веб-разработка
-
1714
участників -
2434
цілі