Bespoke Drupal 8 Advanced & Bootstrap ( dru8boot | 28 hours )
Prerequisites:
Drupal user knowledge, basic PHP or any other procedural language (like C, VB or other) required, as well as
- html
- css
- javascript
Course Outline:
Drupal 8 Advanced
What is New in Drupal 8
- Changes in internal systems and APIs
Handling HTTP Requests
- Symfony HTTP request system
Cache in Drupal
- Examples of cached information
- Cache API in Drupal
- Clearing caches
- Tagging mechanism
Automatic Class Loading
- Drupal 8 Specific Way
- Dirs and namespaces
Drupal Rules, Programming
- Alterability
- Hooks
- Plugins
- Dependency Injection
- Routing
- Links
- Module Themeable, Output
- Separation of: Content, Configuration, State Data
- i18n (internationalization)
- Accessibility, Usability
- DB Independency (database)
- Security (all user-provided input is insecure)
- Tests, Documentation
Drupal Mistakes, Programming
- Programming Too Much
- Over-Executing Code
- Saving PHP Code in the Database
- Alternatives for php code in db
- Working Alone
Programming Examples
- Registering for URLs and Displaying Content
- Using the Drupal Form API
- Programming with Ajax
- Programming with Entities and Fields
Theming
- Theming Engines
- Twig template files and variables
- Preprocess functions
- CSS and JS inclusion
Programming Tools and Tips
Bootstrap
Getting Started
- Precompiled
- Source Code
- Compiling CSS and Javascript
- Installing Grunt
- Available Grunt commands
- Troubleshooting
- Basic template and Components
- Basic Template
- Bootstrap Theme
- Grids
- Jumbotron
- Narrow Jumbotron
- Navbars
- Custom Components
- Experiments
- Tools
- Bootlint
- Disabling Responsiveness
- Browser and Device support and compatibility
- Accessibility
Components
- Glyphicons
- Dropdowns
- Button groups
- Button dropdowns
- Input groups
- Navs
- Navbar
- Breadcrumbs
- Pagination
- Labels
- Badges
- Jumbotron
- Page header
- Thumbnails
- Alerts
- Progress bars
- Media object
- List group
- Panels
- Responsive embed
- Wells
CSS
- Overview
- Grid system
- Typography
- Code
- Tables
- Forms
- Buttons
- Images
- Helper classes
- Responsive utilities
- Using Less
- Using Sass
Javascript
- Overview
- Transitions
- Modal
- Dropdown
- Scrollspy
- Tab
- Tooltip
- Popover
- Alert
- Button
- Collapse
- Carousel
- Affix