HTML: The basics
Flow of the Document Learn how
elements are placed and ordered within HTML.
Elements Learn about all the different
HTML element tags
Accessibility Learn how to build web
apps for everyone.
Clone the quick start repo Go to
#quickstart-guide in Defy's discord server and complete all tasks
CSS: Getting Started
Tailwind Classes Learn how to use
Tailwind CSS classes to style your HTML elements. Practice by
applying different classes to a basic webpage.
Flexbox and Grid Understand the
basics of Flexbox and Grid layouts in CSS. Create a simple layout
using Flexbox and then recreate it using Grid to understand the
differences.
Positioning Explore different
positioning schemes in CSS, such as static, relative, absolute,
fixed, and sticky. Try each type by positioning elements in a
sample page.
Colors and Fonts Learn how to apply
colors and import and use different fonts in your web pages. Experiment
by changing the color schemes and fonts of a basic webpage.
JS: First Steps
Practical JS Start with the
fundamentals of JavaScript. Learn about variables, data types,
operators, and basic syntax.
DOM Manipulation Learn how
JavaScript can be used to manipulate the Document Object Model
(DOM). Try changing elements, attributes, and styles on a webpage.
Event Handling Event Handling:
Understand how to handle events in JavaScript. Write simple
scripts to respond to events like clicks, mouse movements, and key
presses.
Conditional Statements and Loops Get
familiar with conditional statements (if, else) and loops (for,
while) in JavaScript. Practice by writing scripts that make
decisions and repeat actions.
Attention
This page is still under construction