Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 6 hours on-demand video
  • 2 articles
  • 3 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development Drupal

Full introduction to Drupal 8 theming in easy steps

Learn all about the themes in Drupal 8
Rating: 3.9 out of 53.9 (399 ratings)
2,052 students
Created by Nikolay Borisov
Last updated 4/2019
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Understand what Drupal 8 themes are
  • working with template files
  • Change any markup of a Drupal 8 website
  • Add css and javascript files to it
  • understanding the preprocess functions in Drupal 8
  • Understand the core concepts of the Twig templating language
  • create a Drupal 8 theme

Course content

7 sections • 57 lectures • 5h 52m total length

  • Preview00:31
  • Preview02:00
  • Preparing our working environment
    07:28

  • Preview00:46
  • Themes inside of Drupal
    04:40
  • Development settings and cache clearing
    03:37
  • Base themes
    02:26
  • Start with our theme
    03:29
  • Asset libraries
    01:15
  • Adding our CSS files
    03:26
  • Add our JS
    02:59
  • Template files - where they are and how to overwrite them
    03:05
  • Adding our markup in the template files
    05:03
  • Debugging templates with kint
    07:32
  • Drupal view modes
    06:22
  • Node templates
    12:44
  • Page and html templates
    05:59
  • Regions
    06:06
  • Views and overwriting views templates
    12:53
  • Add and change variables with preprocess functions
    07:53
  • Render API
    04:07

  • Why Twig
    00:41
  • Quick twig
    01:20
  • Twig Print variable
    02:02
  • Twig for loop
    03:38
  • Twig if
    02:53
  • Twig filters and functions
    02:14
  • Twig attributes in drupal
    01:54
  • Extending templates
    06:42
  • Links to other pages in the site
    03:14
  • Translatable strings
    01:30

  • Simple website example overview
    03:23
  • Preview07:26
  • Implementing the html and page wrapper
    11:01
  • Subproject - Fixing the branding of the site
    08:40
  • Implementing the main menu
    10:12
  • Implementing the main content at frontpage
    10:12

  • How you may continue to improve in Drupal 8 theming
    05:57

  • Chrome twig extention
    04:24
  • Removing and overwriting CSS files
    10:02
  • All you could do with the .info file
    02:27

  • 1. Getting Started And Overview
    02:45
  • 2. Install Acquia Dev Desktop - Our Working Environment
    04:15
  • 3. Installing Drupal 8 with Acquia Dev Desktop
    04:46
  • 4. Declaring our Theme - Adding a Screenshot
    05:21
  • 5. Declaring our library - adding CSS and JS files to our theme
    05:10
  • 6. Activating some debugging settings
    10:56
  • 7. Overwriting template files in our theme
    06:45
  • 8. Implementing the main menu region
    31:40
  • 9. Theming our footer
    12:42
  • 10. Creating the fields in the Node and the Paragraph
    13:50
  • 11. Theming the node - top area and fields
    19:05
  • 12. Theming the first paragraph
    09:00
  • 13. Image paragraph
    08:00
  • 14. Text paragraph
    05:16
  • 15. Creating some example pages and wrapping up
    07:40
  • The ready files of the project
    00:43

Requirements

  • Some experience with HTML and CSS and a tiny bit of PHP

Description

Drupal 8 is out and from now on - every new Drupal website should be using the latest version of this wonderful Content Management Framework.

That means that we should learn to change the front-end of our Drupal 8 system - the way we need it. 

There are two main things that are changing the game in the Drupal 8 theming
- Drupal 8 is built on top of Symfony framework
- There are lessons learned from Drupal 7
that means that now the theming of a Drupal website is a bit different - everything is much more structured (almost all the markup is in template files), the templates are using Twig and everywhere one has to deal with code - one finds objects and classes.

In the end - it is not as scary as it looks like - simply everything evolved into something much better, much simpler and elegant, something that is not applicable only in the context of Drupal and that is following general web-development best practices.

In this course I tried to explain the general topics the shortest and the clearest way possible as afterwards I tried to illustrate everything with some simple examples. My opinion is that when you see some simple example working and when you try it by yourself - you already have the tools to investigate further and find exactly what you need to be done.

I've been doing drupal-development and theming for many years now - so I know what exactly are the topics that are needed the most - I tried to include all of those and in the end I wrapped all that was learned in an example website that we will convert together form a static html-css version into a working Drupal 8 theme.

Lets conquer together the Drupal 8 theming layer! 

Who this course is for:

  • newbies to Drupal 8 that want to get started with Theming
  • Drupal 7 developers and/or people with any Drupal experience that want to learn how the theming in Drupal 8 is being done
  • people that have a Drupal 8 website and want to change it's look
  • developers that want to see how Drupal 8 theming is being done

Instructor

Nikolay Borisov
Acquia Certified Developer - Drupal 8
Nikolay Borisov
  • 4.0 Instructor Rating
  • 1,087 Reviews
  • 4,211 Students
  • 3 Courses

Highly dedicated developer with a true passion for programming. In my work I am taking care of every aspect of the Drupal Application’s functionality. I love to teach Drupal at my work and in any other possible occasions.

I have Bachelors and Masters degree in Computer Science and I am working as PHP developer for over 8 years and as PHP Drupal developer for more than 7 years.

Other technologies that I really love are Elastic Search, Varnish, MongoDB, Mink/Behat, Python ...

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.