Part 1:

Last session

PHOTO :

id Title Period Descripti Subtitl HeroIma

on e ( la ge
date)

Artist

id Name Age ArtWork Biograp WorkEra HeroIma

s hy ge

WEB API = ArtAPI

Craet class photo.cs , avec des proprieté : Id , Title , Subtitle , Period ,
Description , hero Image
Create a database in sql : thene generate table
/****** Script for SelectTopNRows command from SSMS ******/
SELECT TOP (1000) [Id]
,[Artist]
,[Name]
,[Period]
,[Subtitle]
,[HeroImage]
FROM [ArtAPI].[dbo].[ArtMovements]
- Scaffolding API
- linked to my data base string
"AllowedHosts": "*",
"ConnectionStrings": {
"ArtAPIContext": "Server=HP\\
SQLEXPRESS;Database=ArtAPI;Trusted_Connection=True;MultipleActiveResultSets=true;Tru
stServerCertificate=True"
}
- Commands : cd ArtAPI
- Command : dotnet ef migration add Initial-create
- -command : dotnet ef database update
In my class Photo I refer to the table in database

namespace ArtAPI.Models
{
[Table("ArtMovements")] // Map the entity to the "ArtMovements" table
public class Photo
{
[Key]
[DatabaseGenerated(DatabaseGeneratedOption.Identity)]
public int Id { get; set; }

[Required]
[MaxLength(100)]
public string Artist { get; set; }

[Required]
[MaxLength(100)]
 public string Name { get; set; }

[Required]
[MaxLength(50)]
public string Period { get; set; }

[MaxLength(200)]
public string Subtitle { get; set; }

[Required]
[MaxLength(500)]
public string HeroImage { get; set; }
}
}
- run the api application and test SWAGGER
Example: Testing the POST /api/ArtMovements Endpoint
1. Open Swagger UI at https://localhost:7159/swagger.
2. Expand the POST /api/ArtMovements endpoint.
3. Click Try it out.
4. Provide a JSON payload:
json

{
"artist": "Vincent van Gogh",
"name": "Starry Night",
"period": "Post-Impressionism",
"subtitle": "A famous painting depicting the night sky.",
"heroImage":
"https://res.cloudinary.com/your-cloud-name/image/upload/starry-night.jpg"
}
Click Execute.
Verify that the response is successful (HTTP 201 Created).

Set Up HTTP Client in MAUI: Configure the HttpClient to

communicate with your API.
To communicate to my API I need to configure an HttpClient
in MAUI App
 Create a Service to Fetch Data: Build a service class to handle
API requests.
 Bind Data to the MAUI UI: Display the art movement data in
your MAUI app using CollectionView or ListView.
Handle Errors and Loading States:
Add error handling and loading indicators for a better user experience.

Front End – MAUI

Controllor d’api avec entity framework

npm install firebase

// Import the functions you need from the SDKs you need
import { initializeApp } from "firebase/app";
import { getAnalytics } from "firebase/analytics";
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries

// Your web app's Firebase configuration

// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
apiKey: "AIzaSyBALydag6h0UxR-CGdWAGFFs5CifuFldgA",
authDomain: "artmovements-d8ab7.firebaseapp.com",
projectId: "artmovements-d8ab7",
storageBucket: "artmovements-d8ab7.firebasestorage.app",
messagingSenderId: "1019647562524",
appId: "1:1019647562524:web:f8fecd275e46072565a0d9",
measurementId: "G-0F37693T7J"
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);
npm install -g firebase-tools
firebase init
firebase deploy

Clou denvbi42d
d
nam
e
Key
Nam ArtMovements
e
Date Jan 17, 2025
Crea
ted
API 535466633146664
KEY
API sG6bdu5BzmZYg0rdR9SOw_kjom0
Secr
et
CLOUDINARY_URL=cloudinary://
<your_api_key>:<your_api_secret>@denvbi42d
INSERT INTO ArtMovements (Name, Period, ImageUrl)
VALUES
('Goth Era', '15th Century',
‘https://res.cloudinary.com/denvbi42d/image/upload/v1737080223
/greatest_wave_iqixsa.jpg'),
('Renaissance Era', '16th Century',
'https://res.cloudinary.com/denvbi42d/image/upload/v1737079731
/Leonardo_da_Vinci_-_The_Last_Supper_high_res_e2bvme.jpg’),
('Surrealism', '20th Century', '
https://res.cloudinary.com/denvbi42d/image/upload/v1737079722/
Leonardo_da_Vinci_-_Mona_Lisa_zshcrl.jpg'),
('Pop Art', '21th Century',
'https://res.cloudinary.com/denvbi42d/image/upload/v1737079725
/Girl_with_a_Pearl_Earring_epvxsa.jpg');
- Sketch the application form
Nuget popup
https://www.nuget.org/packages/Plugin.Maui.Popup
https://www.youtube.com/watch?v=YBSlP5t3860
https://www.studiobinder.com/blog/art-history-timeline/
https://www.studiobinder.com/blog/art-history-timeline/#art-history-
timeline-ancient-art
https://dribbble.com/search/shots/popular/mobile?q=art
https://artsandculture.google.com/entity/pieter-bruegel-the-elder/
m0h6nl
https://artsandculture.google.com/entity/hans-holbein-the-
younger/m0cy9m
https://artsandculture.google.com/entity/marcantonio-raimondi/
m04l4cv

https://www.studiobinder.com/blog/art-history-timeline/
lstPopularArts.
GothList
RenaissanceList
BaroqueList
NeoclassicismList
RomanticismList
RealismList
ImpressionismList
PostImpressionismList
ExpressionismList
CubismList
DadaismList
BauhausList
AbstractList
SurrealismList
PopArtList
MinimalismList
ConceptualList
ContemporaryList
Part2

<CollectionView

x:Name="annerismList"

HeightRequest="300"
SelectionMode="Single"

SelectionChanged="Arts_SelectionChanged"

>

<CollectionView.ItemsLayout>

<LinearItemsLayout

Orientation="Horizontal"

ItemSpacing="20" />

</CollectionView.ItemsLayout>

<CollectionView.ItemTemplate>

<DataTemplate

x:DataType="models:Art">

<Border

VerticalOptions="Fill"

WidthRequest="140"

StrokeThickness="0">

<Border.StrokeShape>

<RoundRectangle CornerRadius="16"/>

</Border.StrokeShape>

<Grid

RowDefinitions="*,Auto"

RowSpacing="0">

<Image

Source="{Binding HeroImage}"

Aspect="AspectFit"

VerticalOptions="Fill"
 HorizontalOptions="Fill"/>

<Label

Grid.Row="1"

Style="{StaticResource AllArtHeaderStyle}"

Text="{Binding Name}"

HorizontalTextAlignment="Center"

VerticalTextAlignment="Center"

FontAttributes="Italic,Italic"

Margin="0,4,0,0"

Background="GhostWhite"

/>

</Grid>

</Border>

</DataTemplate>

</CollectionView.ItemTemplate>

</CollectionView>
<?xml version = "1.0" encoding = "UTF-8" ?> <?xml version = "1.0" encoding = "UTF-8" ?>
<Application xmlns="http://schemas.microsoft.com/dotnet/2021/maui" <Application xmlns="http://schemas.microsoft.com/dotnet/2021/ma
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:local="clr-namespace:MauiPlanets" xmlns:local="clr-namespace:MauiPlanets"
x:Class="MauiPlanets.App"> x:Class="MauiPlanets.App">
<Application.Resources> <Application.Resources>

<!-- Colors --> <!-- Colors -->

<Color x:Key="PageBackgroundColor">#191932</Color> <Color x:Key="PageBackgroundColor">#191932</Color>
<Color x:Key="FrameBackgroundColor">#F1EFF0</Color> <Color x:Key="FrameBackgroundColor">#F1EFF0</Color>
<Color x:Key="ButtonBackgroundColor">#eb5757</Color> <Color x:Key="ButtonBackgroundColor">#eb5757</Color>
<Color x:Key="BorderColor">Transparent</Color> <Color x:Key="BorderColor">Transparent</Color>
<Color x:Key="LightBorderColor">#d5d5d5</Color> <Color x:Key="LightBorderColor">#d5d5d5</Color>
<Color x:Key="LightTextColor">#d5d5d5</Color> <Color x:Key="LightTextColor">#d5d5d5</Color>
<Color x:Key="DarkTextColor">#252525</Color> <Color x:Key="DarkTextColor">#252525</Color>

<!-- Content Page Style --> <!-- Content Page Style -->
<Style TargetType="ContentPage" ApplyToDerivedTypes="True"> <Style TargetType="ContentPage" ApplyToDerivedTypes="Tru
<Setter Property="NavigationPage.HasNavigationBar" <Setter Property="NavigationPage.HasNavigationBar"
Value="False" /> Value="False" />
<Setter Property="BackgroundColor" Value="{StaticResource <Setter Property="BackgroundColor" Value="{StaticResourc
PageBackgroundColor}" /> PageBackgroundColor}" />
<Setter Property="Padding" Value="0"/> <Setter Property="Padding" Value="0"/>
</Style> </Style>

<!-- Navigation Page --> <!-- Navigation Page -->

<Style TargetType="NavigationPage" <Style TargetType="NavigationPage"
ApplyToDerivedTypes="True"> ApplyToDerivedTypes="True">
<Setter Property="BackgroundColor" Value="{StaticResource <Setter Property="BackgroundColor" Value="{StaticResourc
PageBackgroundColor}" /> PageBackgroundColor}" />
 </Style> </Style>

<!-- Grid Styles --> <!-- Grid Styles -->

<Style TargetType="Grid"> <Style TargetType="Grid">
<Setter Property="Padding" Value="0" /> <Setter Property="Padding" Value="0" />
<Setter Property="Margin" Value="0" /> <Setter Property="Margin" Value="0" />
<Setter Property="RowSpacing" Value="0" /> <Setter Property="RowSpacing" Value="0" />
<Setter Property="ColumnSpacing" Value="0" /> <Setter Property="ColumnSpacing" Value="0" />
<Setter Property="VerticalOptions" Value="Fill" /> <Setter Property="VerticalOptions" Value="Fill" />
<Setter Property="HorizontalOptions" Value="Fill" /> <Setter Property="HorizontalOptions" Value="Fill" />
<Setter Property="BackgroundColor" Value="Transparent" /> <Setter Property="BackgroundColor" Value="Transparent" />
</Style> </Style>

<!-- CollectionView Styles --> <!-- CollectionView Styles -->

<Style TargetType="CollectionView" <Style TargetType="CollectionView"
ApplyToDerivedTypes="True"> ApplyToDerivedTypes="True">
<Setter Property="Margin" Value="0" /> <Setter Property="Margin" Value="0" />
<Setter Property="ItemSizingStrategy" <Setter Property="ItemSizingStrategy"
Value="MeasureFirstItem" /> Value="MeasureFirstItem" />
<Setter Property="VerticalOptions" Value="Fill" /> <Setter Property="VerticalOptions" Value="Fill" />
<Setter Property="HorizontalOptions" Value="Fill" /> <Setter Property="HorizontalOptions" Value="Fill" />
<Setter Property="BackgroundColor" Value="Transparent" /> <Setter Property="BackgroundColor" Value="Transparent" />
<Setter Property="VerticalScrollBarVisibility" Value="Never" /> <Setter Property="VerticalScrollBarVisibility" Value="Never"
<Setter Property="HorizontalScrollBarVisibility" <Setter Property="HorizontalScrollBarVisibility"
Value="Never" /> Value="Never" />
<Setter Property="SelectionMode" Value="None" /> <Setter Property="SelectionMode" Value="None" />
</Style> </Style>

<!-- Icon Styles --> <!-- Icon Styles -->

<Style TargetType="ImageButton" x:Key="IconButtonStyle"> <Style TargetType="ImageButton" x:Key="IconButtonStyle">
<Setter Property="HeightRequest" Value="32" /> <Setter Property="HeightRequest" Value="32" />
<Setter Property="WidthRequest" Value="32" /> <Setter Property="WidthRequest" Value="32" />
<Setter Property="Padding" Value="0" /> <Setter Property="Padding" Value="0" />
<Setter Property="BackgroundColor" Value="Transparent" /> <Setter Property="BackgroundColor" Value="Transparent" />
<Setter Property="Margin" Value="0" /> <Setter Property="Margin" Value="0" />
<Setter Property="Aspect" Value="AspectFit" /> <Setter Property="Aspect" Value="AspectFit" />
<Setter Property="VisualStateManager.VisualStateGroups"> <Setter Property="VisualStateManager.VisualStateGroups">
<VisualStateGroupList> <VisualStateGroupList>
<VisualStateGroup x:Name="CommonStates"> <VisualStateGroup x:Name="CommonStates">
<VisualState x:Name="Normal"> <VisualState x:Name="Normal">
<VisualState.Setters> <VisualState.Setters>
<Setter Property="Opacity" Value="1" /> <Setter Property="Opacity" Value="1" />
</VisualState.Setters> </VisualState.Setters>
</VisualState> </VisualState>
<VisualState x:Name="Disabled"> <VisualState x:Name="Disabled">
<VisualState.Setters> <VisualState.Setters>
<Setter Property="Opacity" Value="0.5" /> <Setter Property="Opacity" Value="0.5" />
</VisualState.Setters> </VisualState.Setters>
</VisualState> </VisualState>
</VisualStateGroup> </VisualStateGroup>
</VisualStateGroupList> </VisualStateGroupList>
</Setter> </Setter>
</Style> </Style>

<!-- Button Styles --> <!-- Button Styles -->

<Style TargetType="Button" x:Key="ButtonStyle"> <Style TargetType="Button" x:Key="ButtonStyle">
<Setter Property="FontSize" Value="22" /> <Setter Property="FontSize" Value="22" />
<Setter Property="HeightRequest" Value="52" /> <Setter Property="HeightRequest" Value="52" />
<Setter Property="Padding" Value="64,0" /> <Setter Property="Padding" Value="64,0" />
<Setter Property="TextColor" Value="White" /> <Setter Property="TextColor" Value="White" />
<Setter Property="FontFamily" Value="MediumFont" /> <Setter Property="FontFamily" Value="MediumFont" />
<Setter Property="CornerRadius" Value="26" /> <Setter Property="CornerRadius" Value="26" />
<Setter Property="BackgroundColor" Value="{StaticResource <Setter Property="BackgroundColor" Value="{StaticResourc
ButtonBackgroundColor}" /> ButtonBackgroundColor}" />
<Setter Property="BorderWidth" Value="0" /> <Setter Property="BorderWidth" Value="0" />
<Setter Property="BorderColor" Value="{StaticResource <Setter Property="BorderColor" Value="{StaticResource
BorderColor}" /> BorderColor}" />
</Style> </Style>

<!-- Label Styles --> <!-- Label Styles -->

<Style TargetType="Label" x:Key="BaseBoldLabeltyle"> <Style TargetType="Label" x:Key="BaseBoldLabeltyle">
<Setter Property="LineBreakMode" Value="TailTruncation" /> <Setter Property="LineBreakMode" Value="TailTruncation" /
<Setter Property="FontAutoScalingEnabled" Value="False" /> <Setter Property="FontAutoScalingEnabled" Value="False" /
<Setter Property="FontFamily" Value="BoldFont" /> <Setter Property="FontFamily" Value="BoldFont" />
</Style> </Style>

<Style TargetType="Label" x:Key="BaseMediumLabeltyle"> <Style TargetType="Label" x:Key="BaseMediumLabeltyle">

<Setter Property="LineBreakMode" Value="TailTruncation" /> <Setter Property="LineBreakMode" Value="TailTruncation" /
<Setter Property="FontAutoScalingEnabled" Value="False" /> <Setter Property="FontAutoScalingEnabled" Value="False" /
<Setter Property="FontFamily" Value="MediumFont" /> <Setter Property="FontFamily" Value="MediumFont" />
</Style> </Style>
 <Style TargetType="Label" x:Key="BaseRegularLabeltyle"> <Style TargetType="Label" x:Key="BaseRegularLabeltyle">
<Setter Property="LineBreakMode" Value="TailTruncation" /> <Setter Property="LineBreakMode" Value="TailTruncation" /
<Setter Property="FontAutoScalingEnabled" Value="False" /> <Setter Property="FontAutoScalingEnabled" Value="False" /
<Setter Property="FontFamily" Value="RegularFont" /> <Setter Property="FontFamily" Value="RegularFont" />
</Style> </Style>

<Style TargetType="Label" x:Key="IntroPageHeaderStyle" <Style TargetType="Label" x:Key="IntroPageHeaderStyle"

BasedOn="{StaticResource BaseBoldLabeltyle}"> BasedOn="{StaticResource BaseBoldLabeltyle}">
<Setter Property="FontSize" Value="32" /> <Setter Property="FontSize" Value="32" />
<Setter Property="TextColor" Value="{StaticResource <Setter Property="TextColor" Value="{StaticResource
DarkTextColor}" /> DarkTextColor}" />
</Style> </Style>

<Style TargetType="Label" x:Key="IntroPageTextStyle" <Style TargetType="Label" x:Key="IntroPageTextStyle"

BasedOn="{StaticResource BaseRegularLabeltyle}"> BasedOn="{StaticResource BaseRegularLabeltyle}">
<Setter Property="FontSize" Value="16" /> <Setter Property="FontSize" Value="16" />
<Setter Property="LineHeight" Value="1.15" /> <Setter Property="LineHeight" Value="1.15" />
<Setter Property="TextColor" Value="{StaticResource <Setter Property="TextColor" Value="{StaticResource
DarkTextColor}" /> DarkTextColor}" />
</Style> </Style>

<Style TargetType="Label" x:Key="PageHeaderStyle" <Style TargetType="Label" x:Key="PageHeaderStyle"

BasedOn="{StaticResource BaseBoldLabeltyle}"> BasedOn="{StaticResource BaseBoldLabeltyle}">
<Setter Property="FontSize" Value="32" /> <Setter Property="FontSize" Value="32" />
<Setter Property="TextColor" Value="White" /> <Setter Property="TextColor" Value="White" />
</Style> </Style>

<Style TargetType="Label" x:Key="PageHeaderSubtitleStyle" <Style TargetType="Label" x:Key="PageHeaderSubtitleStyle"

BasedOn="{StaticResource BaseMediumLabeltyle}"> BasedOn="{StaticResource BaseMediumLabeltyle}">
<Setter Property="FontSize" Value="14" /> <Setter Property="FontSize" Value="14" />
<Setter Property="TextColor" Value="{StaticResource <Setter Property="TextColor" Value="{StaticResource
LightTextColor}" /> LightTextColor}" />
</Style> </Style>

<Style TargetType="Label" x:Key="PageSubHeaderStyle" <Style TargetType="Label" x:Key="PageSubHeaderStyle"

BasedOn="{StaticResource BaseMediumLabeltyle}"> BasedOn="{StaticResource BaseMediumLabeltyle}">
<Setter Property="FontSize" Value="20" /> <Setter Property="FontSize" Value="20" />
<Setter Property="TextColor" Value="{StaticResource <Setter Property="TextColor" Value="{StaticResource
LightTextColor}" /> LightTextColor}" />
</Style> </Style>

<Style TargetType="Label" x:Key="FeaturedPlanetHeaderStyle" <Style TargetType="Label" x:Key="FeaturedPlanetHeaderStyle

BasedOn="{StaticResource BaseMediumLabeltyle}"> BasedOn="{StaticResource BaseMediumLabeltyle}">
<Setter Property="FontSize" Value="22" /> <Setter Property="FontSize" Value="22" />
<Setter Property="TextColor" Value="{StaticResource <Setter Property="TextColor" Value="{StaticResource
LightTextColor}" /> LightTextColor}" />
</Style> </Style>

<Style TargetType="Label" <Style TargetType="Label"

x:Key="FeaturedPlanetHeaderSubtitleStyle" x:Key="FeaturedPlanetHeaderSubtitleStyle"
BasedOn="{StaticResource BaseRegularLabeltyle}"> BasedOn="{StaticResource BaseRegularLabeltyle}">
<Setter Property="FontSize" Value="14" /> <Setter Property="FontSize" Value="14" />
<Setter Property="TextColor" Value="{StaticResource <Setter Property="TextColor" Value="{StaticResource
LightTextColor}" /> LightTextColor}" />
</Style> </Style>

<Style TargetType="Label" x:Key="AllPlanetHeaderStyle" <Style TargetType="Label" x:Key="AllPlanetHeaderStyle"

BasedOn="{StaticResource BaseMediumLabeltyle}"> BasedOn="{StaticResource BaseMediumLabeltyle}">
<Setter Property="FontSize" Value="18" /> <Setter Property="FontSize" Value="18" />
<Setter Property="TextColor" Value="{StaticResource <Setter Property="TextColor" Value="{StaticResource
LightTextColor}" /> LightTextColor}" />
</Style> </Style>

<Style TargetType="Label" x:Key="AllPlanetHeaderSubtitleStyle" <Style TargetType="Label" x:Key="AllPlanetHeaderSubtitleStyl

BasedOn="{StaticResource BaseRegularLabeltyle}"> BasedOn="{StaticResource BaseRegularLabeltyle}">
<Setter Property="FontSize" Value="12" /> <Setter Property="FontSize" Value="12" />
<Setter Property="TextColor" Value="{StaticResource <Setter Property="TextColor" Value="{StaticResource
LightTextColor}" /> LightTextColor}" />
</Style> </Style>

<Style TargetType="Label" x:Key="MenuLabelStyle" <Style TargetType="Label" x:Key="MenuLabelStyle"

BasedOn="{StaticResource BaseRegularLabeltyle}"> BasedOn="{StaticResource BaseRegularLabeltyle}">
<Setter Property="FontSize" Value="14" /> <Setter Property="FontSize" Value="14" />
<Setter Property="TextColor" Value="#CCCCCC" /> <Setter Property="TextColor" Value="#CCCCCC" />
</Style> </Style>

<Style TargetType="Label" x:Key="PlanetHeaderStyle" <Style TargetType="Label" x:Key="PlanetHeaderStyle"

BasedOn="{StaticResource BaseBoldLabeltyle}"> BasedOn="{StaticResource BaseBoldLabeltyle}">
<Setter Property="FontSize" Value="48" /> <Setter Property="FontSize" Value="48" />
<Setter Property="TextColor" Value="{StaticResource <Setter Property="TextColor" Value="{StaticResource
LightTextColor}" /> LightTextColor}" />
</Style> </Style>

<Style TargetType="Label" x:Key="PlanetHeaderSubtitleStyle" <Style TargetType="Label" x:Key="PlanetHeaderSubtitleStyle"

BasedOn="{StaticResource BaseRegularLabeltyle}"> BasedOn="{StaticResource BaseRegularLabeltyle}">
<Setter Property="FontSize" Value="22" /> <Setter Property="FontSize" Value="22" />
<Setter Property="TextColor" Value="{StaticResource <Setter Property="TextColor" Value="{StaticResource
LightTextColor}" /> LightTextColor}" />
</Style> </Style>

<Style TargetType="Label" x:Key="PlanetDetailsTextStyle" <Style TargetType="Label" x:Key="PlanetDetailsTextStyle"

BasedOn="{StaticResource BaseRegularLabeltyle}"> BasedOn="{StaticResource BaseRegularLabeltyle}">
<Setter Property="FontSize" Value="16" /> <Setter Property="FontSize" Value="16" />
<Setter Property="TextColor" Value="{StaticResource <Setter Property="TextColor" Value="{StaticResource
LightTextColor}" /> LightTextColor}" />
</Style> </Style>

</Application.Resources> </Application.Resources>

</Application> </Application>
Gothic Art
5th Century to 14th Century
Gothic Art is the style of art produced in Europe from the middle ages up to the beginning of
the Renaissance. Typically religious in nature, it is especially known for the distinctive arched
design of its churches, its stained glass, and its illuminated manuscripts. In the late 14th
century, anticipating the Renaissance, Gothic Art evolved towards a more secular style known
as International Gothic. One of the best-known artists of this period is Simone Martini.

Early Renaissance
15th century
The Renaissance was a period or great creative activity, in which artists broke away from the
restrictions of Byzantine Art. Throughout the 15th century, artists studied the natural world,
perfecting their understanding of such subjects as anatomy and perspective. Among the many
great artists of this period were Paolo Uccello, Sandro Botticelli, Domenico Ghirlandaio, and
Piero della Francesca. During this period there was a parallel advancement of Gothic Art
centered in Germany and the Netherlands, known as the Northern Renaissance.

High Renaissance
First quarter of the 16th Century
A revival or rebirth of cultural awareness and learning that took place during the fourteenth
and fifteenth centuries, particularly in Italy, but also in Germany and other European
countries. The period was characterized by a renewed interest in ancient Greek and Roman art
and design and included an emphasis on human beings, their environment, science and
philosophy. The High Renaissance, which was centered in Italy, in the early 16th Century was
the culmination of the artistic revolution of the Early Renaissance, and one of the great
explosions of creative genius in history. It is notable for three of the greatest artists in history:
Leonardo da Vinci, Michelangelo Buonarroti, and Raphael. Also active at this time were such
masters as Giovanni Bellini, Giorgione and Titian.
Mannerism
Mid to Late 16th Century
European art movement and style that developed between 1520 and 1600. It was a style that
rejected the calm balance of the High Renaissance in favor of emotion and distortion. Works
of art done in this style reflected the tension that marked Europe at this time in history.
Mannerism gained popularity in the period following the High Renaissance, takes as its ideals
the work of Raphael and Michelangelo Buonarroti. It is considered to be a period of tecnical
accomplishment but of formulaic, theatrical and overly stylized work. Mannerist Art is
characterized by a complex composition, with muscular and elongated figures in complex
poses.

Baroque
17th Century
Baroque Art emerged in Europe around 1600, as a reaction against the intricate and formulaic
Mannerist style which dominated the Late Renaissance. Baroque Art is less complex, more
realistic and more emotionally affecting than Mannerism. This movement was encouraged by
the Catholic Church, the most important patron of the arts at that time, as a return to tradition
and spirituality. One of the great periods of art history, Baroque Art was developed by
Caravaggio, Annibale Carracci, and Gianlorenzo Bernini, among others. This was also the age
of Rubens, Rembrandt, Velázquez, and Vermeer.

Rococo
Europe, 1715 to 1774
The Rococo style succeeded Baroque Art in Europe. It was centered in France, and is
generally associated with the reign of King Louis XV (1715–1774). It is a light, elaborate and
decorative style of art. Quintessentially Rococo artists include Watteau, Fragonard, François
Boucher, and Tiepolo.

Neoclassicism
mid-18th Century to early-19th Century
In the eighteenth century Europe, efforts were began to make to systematically retrieval the
glories of lost civilizations. The lesson of classical antiquity began to influence artistic style
and the development of taste. The achievements of Raphael, Nicolas Poussin and Claude
Lorrain served as stimulus for a renewed interest in harmony, simplicity and proportion. Its
rigidity was a reaction to the overbred Rococo style and the emotional Baroque style. It was
of some importance in the American and French revolutions. Important Neoclassicists include
the architects Robert Adam and Robert Smirke, the sculptors Antonio Canova, Bertel
Thorvaldsen, and Jean-Antoine Houdon, and painters Anton Raphael Mengs, Jean-Auguste-
Dominique Ingres, and Jacques-Louis David.

Romanticism
Late 18th Century to Mid 19th Century
Romanticism might best be described as anti-Classicism. A reaction against Neoclassicism, it
is a deeply felt style which is individualistic, beautiful, exotic and emotionally wrought.
Although Romanticism and Neoclassicism were philosophically opposed, they were the
dominant European styles for generations, and many artists were affected to a greater or lesser
degree by both. Artists might work in both styles at different times or even mix the styles,
creating an intellectually Romantic work using a Neoclassical visual style, for example. Great
artists closely associated with Romanticism include J.M.W. Turner, Caspar David Friedrich,
John Constable, and William Blake.

Realism
Mid-19th Century
Realism is an approach to art in which subjects are portrayed in as straightforward manner as
possible, without idealizing them and without following the rules of formal theory. The
earliest Realist work began to appear in the 18th century, as a reaction against the excesses of
Romanticism and Neoclassicism. This is evident in John Singleton Copley's paintings, and
some of the works of Goya. But the great Realist era was the mid-19th century, as artists
became disillusioned with the Salon system and the influence of the Academies. Realism
came closest to being an organized movement in France, inspiring artists such as Corot and
Millet, and engendering the Barbizon School of landscape painting. Besides Copley,
American Realists included Thomas Eakins, and Henry Ossawa Tanner, both of whom also
received formal training in France. French Realism was a guiding influence on the philosophy
of the Impressionists.

Impressionism
Centered in France, 1860s to 1880
Impressionism is a light, spontaneous manner of painting which began in France as a reaction
against the formalism of the dominant Academic style. Its naturalistic and down-to-earth
treatment of its subjects has its roots in the French Realism of Corot and others. The
movement's name came from Monet's early work, Impression: Sunrise, which was singled out
for criticism by Louis Leroy on its exhibition. The hallmark of the style is the attempt to
capture the subjective impression of light in a scene. The core of the earliest Impressionist
group was made up of Claude Monet, Pierre-Auguste Renoir, and Alfred Sisley. Others
associated with this period were Camille Pissarro, Edgar Degas, Gustave Caillebotte, Frederic
Bazille, Edouard Manet, and Mary Cassatt.

https://artincontext.org/famous-gothic-paintings/?
utm_source=chatgpt.com

https://artincontext.org/famous-gothic-paintings/?
utm_source=chatgpt.com