Explore lessons
Short lessons that each focus on one concept, with a code example and a quick quiz.
Short lessons that each focus on one concept, with a code example and a quick quiz.
19 lessons
Every web page starts with the same skeleton: a doctype, an html element, a head for information about the page, and a body for what people see.
Selectors tell CSS which HTML elements to style: by tag name, by class, or by id.
Variables are named boxes that store values. Use const for values that won't be reassigned and let for ones that will.
A function is a reusable block of code. You give it inputs, it does some work, and it can give a value back with return.
Arrays store a list of values in order. Each item has a numbered position called an index, starting at 0.
A React component is a JavaScript function that returns UI. You build pages by combining small components.
In the Next.js App Router, folders inside app/ become URLs and a page.tsx file makes a route visible.
PHP variables start with a dollar sign, and echo prints text into the page the server sends back.
SELECT reads data from a table. Choose columns, filter rows with WHERE, and sort with ORDER BY.
Git saves snapshots of your project called commits. Push sends your commits to GitHub so they are backed up and shareable.
Dart is the language Flutter apps are written in. Learn variables, types, string interpolation, functions and null safety.
In Flutter, everything on the screen is a widget: text, buttons, padding, even the whole app. You build screens by putting widgets inside other widgets.
Arrange widgets on the screen: Column stacks them down, Row puts them side by side, and ListView scrolls through long lists.
State is data that can change while the app runs, like a counter or a checkbox. A StatefulWidget keeps that data and redraws the screen when you call setState.
Most apps show data from a server. Fetch JSON with the http package, turn it into Dart objects, and show it with FutureBuilder.
Routes connect a URL to the code that answers it. Start with a closure in routes/web.php, then move the code into a controller as your app grows.
Blade is Laravel's template language. A controller passes data to a view, and the view turns it into HTML with {{ }}, @if and @foreach.
Migrations create your database tables in code, and Eloquent models let you read and write rows as PHP objects instead of writing SQL by hand.
An API sends data instead of pages, so web and mobile apps can use it. Laravel turns models into JSON for you and validates what clients send.