Що таке bootstrap, html5boilerplate і initializr

  • Усе
  • DevShow
  • Loftcast
  • Loftnews
  • LoftSchool
  • LoftVlog
  • інтерв'ю
    • # 23: ІГРИ ДЛЯ ПРОГРАМІСТІВ!

    • NIMAX. Екскурсія в Діджитал світ. Інтерв'ю з Микитою Міхеенковим

    • # 23: ІГРИ ДЛЯ ПРОГРАМІСТІВ!

    • # 23: Як шукати роботу веб-розробником?

    • # 22: Кращі попап, зринаючі підказки і модальні вікна

    • # 21: Музика для програмістів - що слухати, коли пишеш код?

    • Loftcast # 3 - browsersync, marksheet, sublime text vs atom vs brackets

    • Loftcast # 2 - Responsive Patterns, Atom, PostCssков

    • Loftcast # 1 - dotdotdot.js. webpack, plainjs.com

    • Samsung S8, Apple Pay, Made by Google, Samsung Pay, PPAP

    • iPhone 8, YouTube Go, Android plus Chrome OS, React

    • Samsung вибухає, Bootstrap Deprecated, iPhone 7, Apple Watch, iOS 10

    • LoftNews # 30 - Fiat 124 Spider Sport, auto.ru, Google Maps

    • Як програмісту провести зимівлю в Таї?

    • Як IT-фахівця заробляти віддалено і жити в будь-якій точці світу?

    • Upwork - стратегії входу, мова, профіль і подача заявок

    • Як пройти випробувальний термін? Топ рад від засновників LoftSchool

    • Москва Сіті, LoftSchool на фотосесії, підготовка до LBMM

    • З Пітера в Москву. В гостях у Авито. Готуємо MeetUp!

    • Де працює Loft Team

    • NIMAX. Екскурсія в Діджитал світ. Інтерв'ю з Микитою Міхеенковим

    • Гліб Кушедов, засновник Epic Skills: Освіта в IT

      Що таке Bootstrap, html5boilerplate і initializr Курс, метою якого є допомога початківцям розробникам в освоєнні сучасних frontend інструментів, технік і навичок. Крок за кроком ми будемо створювати генератор CSS3 кнопок, отримуючи досвід на реальному прикладі.

      Перша, вона ж вступна, частина нашого нового курсу, метою якого є допомога початківцям розробникам в освоєнні сучасних frontend інструментів, технік і навичок. Крок за кроком ми будемо створювати генератор CSS3 кнопок, отримуючи досвід на реальному прикладі. Почнемо з огляду Twitter Bootstrap і html5boilerplate!

      Twitter Bootstrap

      Одне з основних, на мій погляд, переваг Twitter Bootstrap полягає в тому, що розробник може цілком зануритися в втілення своєї ідеї, не витрачаючи дорогоцінний ентузіазм і час на написання десятків і сотень рядків CSS і JS коду і підключення десятків плагінів для тих чи інших цілей .

      Спробуйте погратися з даними фреймворком самі: офіційний сайт twitter bootstrap і його український переклад.

      Html5boilerplate

      Наступний інструмент, який обов'язково повинен бути у вас на озброєнні - це html5boilerplate - найпопулярніший і відомий шаблон серед web-розробників. У ньому зібрані всі кращі хакі і настройки для кросбраузерності сумісності, підтримки html5 і дуже багато чого ще. Більше інформації ви можете знайти на офіційному сайті html5boilerplate. А прямо зараз я пропоную вам перейти до інструмента, що дозволяє з'єднати html5boilerplate з Twitter Bootstrap. Перед вами:

      Initializr

      Генератор html5 шаблонів, який допомагає нам створювати збірку, що включає тільки те, що потрібно для конкретної мети. У нашому випадку, вибираємо:

      • Pre-configuration - Bootstrap
      • HTML / CSS Template - Responsive Bootstrap
      • HTML5 Polyfills - Modernizr
      • jQuery - Development
      • H5BP Optional - на ваш смак

      Тепер ми готові приступити до створення CSS3 генератора кнопок!

      Витратьте деякий час на вивчення описаних вище інструментів, щоб сформувалося хоча б загальне бачення, однак не варто надто турбуватися, якщо щось поки не ясно. Вчитися ми будемо на практиці, а саме на створенні вашого власного генератора CSS3 кнопок!