With Magnolia "front-end development" we are referring to the most common task on most web projects: developing templates to generate the actual HTML of the projects. The links below point to information about working with Magnolia specifically as a front-end developer.
We assume you already have Magnolia up and running.
Light development in Magnolia: Learn how to work with Magnolia without Java programming skills.
Modules : Magnolia projects are built out of modules, learn about the different kinds of modules and their structure.
YAML: Learn about using YAML to configure Magnolia. Spaces are important.
Introduction to templating: Magnolia templating mechanism explained.
Create light modules: Create and use a fully-functional template module.
Web resources: Access CSS, JS and other web resources.
Magnolia templating kit: Use these templates as they are or to gain inspiration to create your own.
Define template definitions: Define your blueprints for creating pages, areas and components.
Define dialogs: Define the editable content properties of your templates.
Work with images: All about storage and rendering.
REST: Access Magnolia content using REST.
Cotoolz: IDE add-on which validates input and assists when editing YAML.