Style Guide

Lumos | v2.0.4

Typography

Font Styles

u-text-display

Display

u-text-h1

Heading

u-text-h2

Heading

u-text-h3

Heading

u-text-h4

Heading

u-text-h5
Heading
u-text-h6
Heading
u-text-subtitles
Subtitles
u-text-quotes
Quotes
u-text-large

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare

u-text-medium

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare

u-text-main

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare

u-text-small

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare

u-text-link
Text Link

Font Weight

u-weight-regular

Lorem ipsum dolor

u-weight-medium

Lorem ipsum dolor

u-weight-bold

Lorem ipsum dolor

Text alignment

u-text-aligned-left

Lorem ipsum dolor

u-text-aligned-center

Lorem ipsum dolor

u-text-aligned-right

Lorem ipsum dolor

Text wrap

u-text-wrap-balance

Lorem ipsum dolor

u-text-wrap-pretty

Lorem ipsum dolor

Line Clamp

u-line-clamp-1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

u-line-clamp-2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

u-line-clamp-3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

u-line-clamp-4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Typography Elements

Ordered List
  1. This is some text
  2. This is some text
  3. This is some text
  1. This is some text
  2. This is some text
  3. This is some text
  1. This is some text
  2. This is some text
  3. This is some text
Unordered List
  • This is some text
  • This is some text
  • This is some text
  • This is some text what happens if the text is long
  • This is some text
  • This is some text
  • This is some text what happens if the text is long
  • This is some text
u-rich-text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur

Text Link

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur

Text Link

Block Quotes
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do

Color

Themes

data-theme="light"

Heading

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Text Link
data-theme="dark"

Heading

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Text Link
data-theme="invert"

Heading

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Text Link
data-theme="inherit"

Heading

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Text Link

Font Families

u-font-body

Lorem ipsum dolor

u-font-heading

Lorem ipsum dolor

u-font-decoration

Lorem ipsum dolor

u-font-display

Lorem ipsum dolor

Text Color

u-text-color-primary

Lorem ipsum dolor

u-text-color-secondary

Lorem ipsum dolor

u-text-color-tertiary

Lorem ipsum dolor

u-text-color-black

Lorem ipsum dolor

u-text-color-brand

Lorem ipsum dolor

u-text-color-red

Lorem ipsum dolor

u-text-color-green

Lorem ipsum dolor

u-color-inherit

Lorem ipsum dolor

u-color-faded

Lorem ipsum dolor

Link Color

u-link-color
u-link-color-secondary

Background Colors

u-bg-color
u-bg-color-secondary
u-bg-color-tertiary
u-bg-color-alternate

Flexbox

Horizontal Flex Utilities

u-hflex-left-top
u-hflex-left-center
u-hflex-left-bottom
u-hflex-left-stretch
u-hflex-center-top
u-hflex-center-center
u-hflex-center-bottom
u-hflex-center-stretch
u-hflex-right-top
u-hflex-right-center
u-hflex-right-bottom
u-hflex-right-stretch
u-hflex-between-top
u-hflex-between-center
u-hflex-between-bottom
u-hflex-between-stretch

Vertical Flex Utilities

u-vflex-left-top
u-vflex-left-center
u-vflex-left-bottom
u-vflex-left-between
u-vflex-center-top
u-vflex-center-center
u-vflex-center-bottom
u-vflex-center-between
u-vflex-right-top
u-vflex-right-center
u-vflex-right-bottom
u-vflex-right-between
u-vflex-stretch-top
u-vflex-stretch-center
u-vflex-stretch-bottom
u-vflex-stretch-between

Other Flex Utilities

u-hflex-wrap
u-vflex-wrap
u-flex-shrink
u-flex-grow
u-flex-noshrink

Align Self Utilities

u-align-self-auto
u-align-self-start
u-align-self-center
u-align-self-end
u-align-self-stretch

Align Items Utilities

u-align-items-variable
u-align-items-start
u-align-items-center
u-align-items-end
u-align-items-stretch

Grid

Grid Utilities

u-grid-custom
u-grid-breakout
u-grid-desktop
u-grid-tablet
u-grid-landscape
u-grid-column-2
u-grid-column-3
u-grid-column-4
u-grid-autofit
u-grid-subgrid

Column Utilities

u-column-custom
u-column-full
u-column-indent
u-column-1
u-column-2
u-column-3
u-column-4
u-column-5
u-column-6
u-column-7
u-column-8
u-column-9
u-column-10
u-column-11
u-column-12

Order Utilities

u-order-first
u-order-first-desktop
u-order-first-tablet
u-order-last
u-order-last-desktop
u-order-last-tablet

Spacing

Gap Utilities

u-gap-none
u-gap-main
u-gap-xxsmall
u-gap-xsmall
u-gap-small
u-gap-medium
u-gap-large
u-gap-xlarge

Row Gap Utilities

u-gap-row-none
u-gap-row-main
u-gap-row-xsmall
u-gap-row-small
u-gap-row-medium
u-gap-row-large
u-gap-row-xlarge

Column Gap Utilities

u-gap-column-none
u-gap-column-main
u-gap-column-xsmall
u-gap-column-small
u-gap-column-medium
u-gap-column-large
u-gap-column-xlarge

Section Spacing Attributes

data-padding-top="none"
data-padding-bottom="none"
data-padding-top="small"
data-padding-bottom="small"
data-padding-top="main"
data-padding-bottom="main"
data-padding-top="large"
data-padding-bottom="large"

Custom Spacing Classes

u-section-header

Margin Top Utilities

u-mt-auto
u-mt-gutter
u-mt-text
u-mt-0
u-mt-1
u-mt-2
u-mt-3
u-mt-4
u-mt-5
u-mt-6
u-mt-7

Margin Bottom Utilities

u-mb-auto
u-mb-gutter
u-mb-text
u-mb-0
u-mb-1
u-mb-2
u-mb-3
u-mb-4
u-mb-5
u-mb-6
u-mb-7

Z-Index

Z-Index

u-zindex-2
u-zindex-3

Miscellaneous

Other Utilities

u-height-screen
u-min-height-70
u-min-height-60
u-max-width-none
u-visual-wrap
u-display-none
u-hide-portrait
u-hide-landscape
u-hide-tablet
u-cover
u-cover-absolute
u-container
u-sr-only
u-margin-trim
u-hide-if-empty
u-hide-if-empty-cms

Positions

Positions

u-position-relative
u-position-absolute
u-position-fixed
u-position-sticky

Prevent Style Cleanup

Eyebrow Text Here

Lorem ipsum dolor sit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Ohne Kreditkarte

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Badge
Bitte Business-E-mail verwenden.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Eyebrow Text Here

Lorem ipsum dolor sit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Interviewfragen für die Stelle .NET Web-Entwickler*in

Erfahren Sie mehr über die Eigenschaften eines .NET-Web-Entwicklers und die Fragen, die Sie stellen sollten, um die besten Kandidaten zu finden.

Interviewfragen für die Stelle .NET Web-Entwickler*in
Interviewfragen für die Stelle .NET Web-Entwickler*in

Erfahren Sie mehr über das Interviewen von .NET-Web-Entwickler\*innen und erhalten Sie eine ausgewogene Auswahl an Interviewfragen, um die besten Kandidaten zu finden. Erfahren Sie mehr über die Eigenschaften, die ein\*e .NET-Web-Entwickler\*in haben sollte, und welche Fragen Sie stellen sollten, um die besten Kandidaten zu finden. Erfahren Sie mehr über die grundlegenden algorithmischen Konzepte, Datenbanken, neueste Entwicklungen, Open-Source-Software-Projekte und mehr.

Interviewfragen und Gesprächsleitfäden in Minuten statt Stunden

Mit unserem GPT studienbasiert, positionsgenau und sofort einsetzbar.

Danke! Prüfen Sie Ihre Emails.
Oops! Etwas ist schief gelaufen. Bitte versuchen Sie es noch einmal.

So führen Sie ein Jobinterview für die Stelle .NET Web Entwickler*in

Dieses .NET-Web-Entwickler-Interviewprofil enthält Informationen, worauf bei Kandidaten zu achten ist, sowie eine ausgewogene Auswahl geeigneter Interviewfragen.

Was macht ein*e .NET-Web-Entwickler*in und worauf müssen Sie achten?

In mancher Hinsicht erfordert selbst die technischste Rolle Eigenschaften, die starke Kandidaten für alle Positionen gemeinsam haben: Lernbereitschaft, qualifizierte Fähigkeiten, Leidenschaft für die Arbeit.Selbst die Leistungen auf der Uni helfen zwar bei der Beurteilung der formalen Ausbildung, vermitteln aber kein vollständiges Bild. Damit soll die Bedeutung eines soliden Hintergrunds in der Informatik nicht unterschätzt werden. Einige Dinge, auf die Sie bei der Beschaffung von .NET-Entwicklern achten sollten:

  • Verstehen der grundlegenden algorithmischen Konzepte
  • Diskutieren Sie grundlegende Algorithmen, wie würden sie finden/denken/sortieren
  • Können sie ein breiteres Verständnis von Datenbanken nachweisen
  • Haben sie einen Ansatz für die Modellierung?
  • Halten sie sich über die neuesten Entwicklungen auf dem Laufenden? Wenn ja, auf welche Weise halten sie sich auf dem Laufenden?
  • Suchen Sie nach ihren bevorzugten Fachbüchern. Wem folgen sie auf Twitter, an welche Blogs wenden sie sich?
  • Sind sie auf Github aktiv?
  • Tragen sie zu irgendwelchen Open-Source-Software-Projekten bei? Oder beteiligen sie sich an Hackathons. Kurz gesagt, wie stark ist ihr intellektuelles Interesse an ihrem gewählten Fachgebiet? Wie wird dies demonstriert?
  • Fragen Sie nach Nebenprojekten (wie Spieleentwicklung). Engagierte, wissbegierige Kandidaten werden hervorstechen.
  • Fragen zur Informatik

  • Wie wirkt sich die Netzwerklatenz normalerweise auf die Benutzererfahrung aus und wie ist die Bandbreite?
  • Beschreiben Sie die Kernprinzipien von REST. Inwiefern unterscheidet sich dies im Wesentlichen von RPC?
  • Rollenspezifische Fragen

    WEB

  • Welche HTTP-Statuscode-Klassen werden verwendet, um Erfolg, Client-Fehler und Server-Fehler zu bezeichnen?
  • Was ist heute beim Entwurf einer neuen Web-API zu beachten?
  • Bitte geben Sie eine Aufzählung der Praktiken/Werkzeuge an, die Sie einsetzen würden, um die Leistung einer Website/Webanwendung zu messen und zu optimieren, die Sie für die Veröffentlichung im Internet entwickeln
  • Welche Speicheroptionen bieten moderne Browser?
  • Bieten einen grundlegenden Überblick über den OAUTH2-Protokollfluss.

  • NET

  • Was verstehen Sie unter polymorphism, inheritance und encapsulation?
  • Was ist der Unterschied zwischen einer abstrakten Klasse und einer Schnittstelle, und wann würden Sie eine über die andere verwenden?
  • Was meinen wir, wenn wir sagen, dass ein bestimmter Lambda-Ausdruck einen Abschluss bildet?
  • Ist es in .NET möglich, eine Klasse (jede Klasse) mit einigen zusätzlichen Methoden zu erweitern? Wenn ja, wie kann dies erreicht werden?
  • Was sind Multicast-Delegierte?
  • In .NET sind Attribute eine Methode, um deklarative Informationen mit C#-Code zu assoziieren. Bitte beschreiben Sie die Art und Weise, wie sie verwendet werden, sowie einen geeigneten Anwendungsfall.
  • Was ist die WebSecurity-Klasse in .NET? Was ist ihre Verwendung?
  • Welches ist die beste Methode zur Übergabe von Konfigurationsvariablen an ASP.NET-Anwendungen?
  • Kann die Datei web.config benutzerdefinierte Abschnitte enthalten? Wie werden sie deklariert und per Code aufgerufen?
  • Bitte beschreiben Sie den Prozess des Bereitstellens einer Webanwendung mit Web Deploy. Wie wird die Datei web.config automatisch so geändert, dass sie die richtige Konfiguration für die Bereitstellungsumgebung enthält?
  • Mehr über professionelles Recruiting lernen?

    Erhalten Sie wöchentlich Emails mit Video & Artikel gefüllt mit Tipps & Tricks rund um Rekrutierung und Bewerbermanagement.

    Weitere Interview-Fragen für ähnliche Stellen

    Arbeiten Sie effizienter mit unseren Vorlagen: