0
JeyLie

geek brains FrontEnd программист

Рекомендуемые сообщения

Frontend разработка это верстка и программирование на JavaScript клиентской части веб-приложений. Курс содержит ряд уроков, которые помогут использовать самые современные технологии и инструменты для эффективной FrontEnd разработки. Общая длительность материалов курса - около 10 часов.

Чему Вы научитесь:

  • Быстрая кроссбраузерная верстка
  • Выразительный кроссбраузерный CSS
  • Отладка JavaScript
  • Знакомство с AngularJS
  • Автоматизация задач


Программа курса:

  • Урок 1. Google Chrome Developer Tools
    Работа с HTML/CSS прямо в браузере; Мониторинг и отладка сетевых запросов; Интерактивный отладчик JavaScript; Полезные плагины и расширения
  • Урок 2. HTML/CSS/JS фреймворк Bootstrap
    Почему Twitter Bootstrap такой популярный; Верстка с помощью модульной сетки; Резиновая и адаптивная верстка; Тонкая настройка оформления под себя; Вспомогательные инструменты
  • Урок 3. Препроцессоры LESS и SASS
    Чем плох чистый CSS; LESS: проще некуда; SASS: от простого к сложному; Вспомогательные инструменты
  • Урок 4. Сборщики приложений Grunt и Gulp
    Зачем нужна автоматизация задач; Введение Grunt; Введение в Gulp; Вспомогательные инструменты
  • Урок 5. Знакомство с JS-фреймворком AngularJS
    Почему AngularJS самый модный; Отличия AngularJS от других фреймворков; Основные принципы AngularJS; Полезные ресурсы

Скачать:

 

Поделиться сообщением


Ссылка на сообщение

Пожалуйста, войдите, чтобы комментировать

Вы сможете оставить комментарий после входа в



Войти
0

  • Похожий контент

    • От JeyLie
      Сегодня существует много курсов и статей по изучению веб-разработки. В основном они о каком-то конкретном направлении.
      Перечислю некоторые из них:
      HTML CSS JavaScript базы данных фреймворки сборщики проектов алгоритмы визуализация данных
      Этот большой список тем может запутать и даже напугать новичка, поэтому я расскажу про freecodecamp - онлайн-школу по веб-разработке, в которой все эти темы расположены в порядке возрастания сложности.
      Сам сервис на английском, но это повод изучить одновременно как английский, так и веб-разработку. В дальнейшем это будет только в плюс: повысится навык гугления нужной информации, сообщения об ошибках при разработке станут более понятными, а также появится возможность работать с зарубежными заказчиками.
       
      Разработчики сайта обновили в этом году программу обучения. Добавили несколько больших разделов и переработали старые. Теперь там только актуальная информация.
      А самое главное - это все бесплатно!
       
      Регистрируемся и начинаем погружение
      Чтобы зарегистрироваться на сайте, жмем на желтую кнопку Start coding (it's free).

      Далее предложат создать аккаунт через привязку соцсети. Рекомендую выбрать GitHub, потому что в дальнейшем активность будет отмечаться именно там. Если у вас еще там нет аккаунта, стоит его завести. Это ваша площадка для будущего портфолио, которое можно показать работодателю.
      К тому же на гитхабе можно воспользоваться услугами бесплатного хостингадля небольших проектов из нескольких страниц. Но здесь нет серверной части, то есть операции по типу регистрации и авторизации недоступны.

      После регистрации попадаем на домашнее окно сайта. Жмем кнопку Go to the coding curriculum.

      И здесь мы попадаем на страницу с большой картой изучаемого материала.
      Представлено здесь следующее:
      Адаптивный веб дизайн Алгоритмы JavaScript и структуры данных Библиотеки Frontend разработки Визуализация данных Микросервисы и программные интерфейсы приложений (API) Информационная безопасность и обеспечение качества(тестирование) Подготовка к собеседованию.
      Насчет часов здесь немного лукавят, всю программу можно пройти месяца за два, занимаясь часа четыре в неделю. Однако, помимо материала здесь есть головоломки и проекты для закрепления навыков.
       
       
      Начинаем обучение
      Главы
      Открываем первую часть и начинаем работать.
      Весь материал представлен в виде интерактивных блоков:
      Описание текущей темы Описание заданий которые нужно сделать Кнопки проверки сделанного Два поля кода: Для Html и CSS Поле для вывода конечного результата  
      В этом задании нужно вставить в тег h1 фразу Hello World.
      После чего жмем Run the Tests. Как только одно задание выполнено, оно сразу помечается галочкой. А когда выполняются все задачи на странице, получаем уведомление и можем идти в следующую главу.

      Такой подход в обучении позволяет применить знания сразу же, без копания в теории. И результат появляется наглядно перед глазами. Минус здесь один - слишком легкий материал. И для этого придумали челленджи и практические работы.
       
      Челленджи
      Визуально интерфейс здесь такой же, как и в режиме обучения. Однако здесь все хитрее. Дается конкретное описание задачи, и ее решение должно соответствовать нескольким условиям, которые проверяются автоматически.
      Эти задачи хорошо прокачивают логическое мышление программиста. Более того, некоторые челленджи расширяют кругозор по решению задач. Если погуглить, можно даже узнать, где эта задача может применяться.
      Почти наверняка на собеседовании вас попросят написать какой-нибудь FizzBuzz на бумажке.
      Если совсем туго, то есть подсказки в кнопке Get a hint. Она ведет на форум с обсуждением этой задачи.

      Проекты
      В этих этапах дается описание проекта. Поэтапно расписаны задачи. Делаете все, и решение выкладываете на гитхаб. Вставляете ссылку в форму и нажимаете I’ve completed this challenge.
      Здесь нет никаких проверок. Сделал, вставил ссылку на выполненный проект и двигаешься дальше.
      Каждый проект дается в конце одного большого раздела. Изучили html, css, пробуем делать первую страницу портфолио.
      Чем сложнее раздел, тем сложнее поставленная задача.

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

      Заключение
      Freecodecamp прекрасный ресурс, если вы хотите стать frontend-разработчиком с нуля.. Более того, там же можно изучить backend и тестирование.
       
      Плюсы:
      Абсолютно весь сайт бесплатный Большая программа обучения. От начинающего до среднего уровня Хорошее интерактивное обучение Большой форум с ответами на вопросы  
      Минусы:
      Сайт может плохо грузиться и постоянно падать, могут быть глюки в отображении задач Простенький дизайн Материал на английском языке Порой слишком простые главы На мобильных девайсах не очень удобно работать
    • От JeyLie
      В 2014 году количество смартфонов в России впервые превысило количество покупаемых телефонов, а Android-устройства заняли более 60% отечественного рынка, и 80% рынка мирового. Разработка приложений под Android сегодня требуется не только крупным компаниям - она выводит на качественно новый уровень любой бизнес - от доставки пиццы до службы такси. И деловая среда уже поймала эту волну. С 2012 по 2014 год количество вакансий для Android-разработчиков выросло на 110%, а с потребностью вырос и авторитет программистов, которые получили возможность не цепляться за первое предложение, а выбирать из предложенных вакансий наиболее оптимальную.

      Многие разработчики по природе своей любят исправлять и совершенствовать устройства. Android в этом смысле - самая свободная и открытая система, как нельзя лучше приспособленная для адаптации и модернизации. Да и процесс запуска собственного приложения в Google Play обходится дешевле и осуществляется проще, чем у конкурентов..

      Ключевые навыки:
      Знание Java Core
      Знание Android SDK
      Опыт работы в IntelliJ IDEA, Eclipse, Android Studio
      Опыт разработки Android-приложений на Java
      Опыт работы с XML, JSON, HTTP, sockets
      Знание Android API, понимание архитектуры Android, пользовательский интерфейс, меню, диалоги, ресурсы, logcat, MVC
      Intents, Fragments, Контент-провайдеры, бродкаст-ресиверы, Google Maps, виджеты, телефония, сенсоры, блютуз, графика и анимация
      SQLite, Web, Concurrency
      Базовое знакомство с гайд-лайнами Android последней версии
      Понимание особенностей работы мобильного приложения в условиях слабого сигнала связи
      Уверенное владение базовыми паттернами проектирования
      Творческий подход к поставленным задачам
      Умение писать чистый код и правильно создавать и использовать модульные тесты
      Умение и желание приобретать новые навыки и осваивать новые технологии
      Умение быстро разбираться в чужом коде‚ если это понадобится
       
      Скачать: