Un environnement de développement intégré (IDE) permet aux programmeurs de coder logiciel rapidement à l'aide d'une interface utilisateur graphique (GUI). Microsoft Visual Studio donne développeurs. NET de Microsoft la capacité de produire des applications Web et de bureau de nouvelle génération rapidement . Bien . NET a une courbe d'apprentissage abrupte , programmeurs débutants peuvent utiliser Visual Studio pour créer des pages Web HTML simple . Les développeurs expérimentés peuvent explorer les fonctionnalités avancées de l'EDI et de concevoir des applications plus complexes . Instructions
Visitez le site de téléchargement de Visual Studio ( voir Ressources) et cliquez sur "Télécharger ". Suivez les instructions d'installation fournies par Microsoft pour installer le logiciel .
2
Ouvrez Visual Studio après l'installation et cliquez sur « Nouveau projet ». Le "Nouveau projet" fenêtre va s'ouvrir. Cette fenêtre contient deux volets. Un panneau " Template" de gauche contient des modèles pour différents types de projets . Ces modèles comprennent « Basic, Visual " " Visual C # » et « Base de données ».
3
Cliquez sur la flèche à côté du " C # template visuel » pour développer son arborescence . Visual Studio permet d'afficher les catégories du modèle tel que « Windows», «Web» et «base de données ».
4
Cliquez sur la catégorie " Web " . Une liste des types et des contrôles des applications Web s'affiche dans un panneau sur la droite.
5
Cliquez sur " Application Web ASP.NET " et entrez le nom de " MonProjet " dans la zone de texte " Nom de fichier " . Cliquez sur « OK ». Visual Studio va créer une nouvelle application Web ASP.NET et afficher l'interface utilisateur .
Éditer un fichier
6
Situer le panneau " Solution Explorer" sur le côté droit de l'écran. Ce panneau contient les dossiers, les fichiers , les références et les propriétés de votre projet.
7
Cliquez sur le fichier " Default.aspx " dans le " Explorateur de solutions. " Le code HTML balisage du fichier apparaîtra dans la fenêtre "Edition " sur le côté gauche de l'écran .
8
" dans le code et le type "Test " en dessous de la tag . Cliquez sur le bouton " Design" au bas de l'écran. La fenêtre " Design" s'ouvre et affiche une vue de la conception de la page Web. Vous verrez le mot «Test ».
Explorez le Vues
9
Cliquez sur "Affichage" en haut de l'écran et sélectionnez « boîte à outils ». La boîte à outils apparaît. La boîte à outils contient des contrôles tels que les zones de texte , boutons et contrôles de données .
10
Double- cliquez sur le contrôle "Bouton" . Un bouton apparaîtra dans la fenêtre de conception à côté du mot «Test ».
11
Double- cliquez sur le bouton que vous avez placé dans la fenêtre de conception. Visual Studio va créer un " clic sur " événement pour le bouton.
12
Cliquez sur le bouton "Source " au bas de l'écran. La fenêtre "Edition " réapparaît. Vous verrez le code source pour le contrôle de bouton que vous avez ajouté à la forme .
13
Cliquez sur le bouton " Split" au bas de l'écran. Visual Studio affiche une vue fractionnée montrant la fenêtre "Edition " sur le dessus et la fenêtre " Design" sur le fond.
14
Localisez le fichier nommé " Default.aspx.cs " dans la Solution explorer. Ce fichier contient le code C # pour la forme " Default.aspx.cs " . Double- cliquez sur le fichier pour afficher son code C # dans la fenêtre "Edition "
15
Localisez le bloc de code suivant dans la fenêtre "Edition ": .
Protected void Page_Load (object sender, EventArgs e) {
}
16
Placez le code suivant au-dessous de ce bloc de code :
protected void Button1_Click (object sender , EventArgs e) {
int valeur1 = 10;
int valeur2 = 20;
int value3 = 30;
}
Ce bloc de code gère l' événement de clic de bouton.
17
clic droit " int value3 = 30" et sélectionner "Insérer un point d'arrêt . " Visual Studio mettra un point d'arrêt sur cette ligne.
Ajouter de nouveaux éléments
18
situer " MonProjet » dans la « Solution Explorer " à droite de l'écran.
19
clic droit " MonProjet " pour afficher un menu déroulant. Ce menu contient des options telles que "Ajouter ", " Add Reference » et « Construire ».
20
sélectionnez "Ajouter" puis cliquez sur " New Item" . Le « Add New Item » s'ouvre. Cliquez sur " Web Form " et entrez un nom (comme " Form2 " ) dans le champ "Nom " . Cliquez sur " Ajouter". Visual Studio va ajouter le nouveau formulaire à l' Explorateur de solutions. Ajouter autant de nouveaux éléments au projet que vous le souhaitez en utilisant cette méthode .
Déboguer le projet
21
Appuyez sur "Ctrl + S" pour enregistrer le projet . < Br >
22
Cliquez sur "Debug " en haut de l'écran.
23
sélectionnez "Démarrer le débogage. " Visual Studio compile le projet et afficher le formulaire par défaut ( Defaut.axpx ) dans votre navigateur.
24
Cliquez sur le bouton situé sur la page Web . Visual Studio apparaît et affiche le code que vous avez ajouté dans le fichier " Default.aspx.cs " . Il mettra également en évidence la ligne où vous avez placé le point d'arrêt .
25
placez le curseur de la souris sur " int valeur1 = 10 ». Visual Studio affichera la valeur stockée dans " valeur1 ". Lors du débogage , maintenez le curseur sur n'importe quelle variable de l'examiner.
26
Appuyez sur " F11 ". Visual Studio va passer à la ligne de code suivante .
27
Appuyez sur " F5 " de nouveau. Visual Studio va traiter tout le code . Retour à votre navigateur et cliquez à nouveau sur le bouton pour faire défiler le processus de débogage à nouveau.
