My first project - Chapter 01

in #steemiteducation7 years ago

Hello steemianos friends, in this occasion I think to realize a series of chapters so that the people can create their web projects and can enter the beautiful world of the programming. After this series of tutorials you will be able to develop the web projects that you wish.

Portada EP03_Ingles.jpg

For this series of tutorials we will use the Visual Studio 2017 tool and we will work with the programming language C # with MVC 5.0, calm that within the chapters we will touch each point little by little so that they can be easily understood.

As nowadays all web developments must be executed on all types of devices we will use basic mentions of the Bootstrap to be able to make our application responsive.

They are required to have the following knowledge:

  • Java Scrtipt at intermediate level
  • Style sheets at intermediate level
  • JQuery at the basic level
  • Basic knowledge of SQL Server

==============================================================

Downloading Visual Studio 2017

To download the tool we must enter this link, upon entering download the Visual Studio Enterprise 2017.

DQmeQ4mXocLQxwWGypDrNdeVopMVcXCuZVaexKmfnSwCde4_1680x8400.png

Once downloaded the vs_Enterprise.exe we execute it and we give it in continue, then it will begin to download the Visual Studio Installer that will be necessary for the next step.

DQmXAa2sxeb6UZJYK33Ts6rdYRCm7LdUb1P1GXTcG8HN37X_1680x8400.png

Installing Visual Studio 2017

Once installed the Visual Studio Installer will show us a screen where you can select everything you need to install to work. For our case we will select the following:

  • Development of the universal Windows platform
  • Development of a .NET desktop
  • ASP.NET and web development

And then we give it in Install.

DQmV4BusYnT3zdav34qvPj1LTA2NLZJPQQEQSS3SWjprZDn.png

The installer starts and restarts the computer once to continue the installation.

After finishing the installation and we give you in which will open the Visual Studio 2017

DQmd5Gf85t2XVdx8GzVpDhoTWAKNPwzoRqXnzcAriw5uayK_1680x8400.png

Introduction to Visual Studio 2017

Visual Studio is a very easy to use IDE and then I will explain a bit the distribution of the tool.

The File section is basically used to create programs, websites, services, applications and everything the IDE allows.

It can also be used to open already created projects and other basic configurations.

DQmfGc4enoKk8LQHs4Kfr1wjLKWSirKVz6kpngbGxuJejeE.png

In the section of Solution Explorer we can see all the development of our application, all the components that we have used and are developing, in this section we will find Projects, Classes, Webs, Services, Views, Models, etc.

DQmaJBcChHKAApNYkHtHzqmbzbbePT11sbx8R1dbDpBwNHz_1680x8400.png

The work section is used to edit the components that we are developing.

DQmRKXoLpQGTdANPtV4j8oVT3zqp1r3st5FhidxmesHpGjF.png

In the tools section we can find all the controls that we can include within our developed components.

DQmPSnGTcrfr2JURYW7h4e9phoZRnt6ZWMfjmk4J3YygZyg_1680x8400.png

Creating my web project

Now we will create our first web project with MVC 5.0 under the C # programming language.

Enter File, then in new and finally select Project.

DQmYp3UZZwQMEUeJfXphFoPteof45NwpyMatkYQZnsiTeMz.png

Now we select Visual C #, then on the right we select "ASP Web Application. NET (.Net Framework) ", enter the name of our project and select the location where it will be saved, finally we accept it.

DQma1drRzWFrTyG4GUMehDp23kybPvGQx8we7umoVWKAFt6_1680x8400.png

Now we select the type of project that we are going to create, select MVC and click on accept.

DQmRzPVc2ph3N7ns9XD3mH2mTGqVusPYB8BEAAsvHhyrWZj.png

Then we will create our first example application that comes with the Visual Studio 2017

DQmSxKFpNrNsgi1EEV4RZBJyBwgmK9SdFovyXU5tdewKJmH_1680x8400.png

Compiling my web project

Now to compile our project we press F5 or click on the next button.

DQmcBJFJWjrCEMwJTS4RRH76zgAZojhDK6xvJ7ZPzz1ZfZK.png

Then your first web page will be displayed in your default browser.

DQmXsPnsJ4V9jD9P2nLeMMhe4yDUoVR2WWm5454hZ7pamvT_1680x8400.png

==============================================================

I hope this tutorial has seemed easy to understand, in the following tutorial we will continue to go into detail of our first generated project, we will also see how the MVC and the Bootstrap work at a basic level.

If you like this publication, you can stroll through these publications that were also very useful.

Terms of Programming
Why JAVASCRIPT?

Sort:  

Me gusto mucho tu post amigo @pxndit4

Congratulations @pxndit4! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the total payout received

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

Upvote this notification to help all Steemit users. Learn why here!

Do not miss the last announcement from @steemitboard!