ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel

Front-End Development : a Great Way to Enter the World of Programming

Updated on September 7, 2017
Source

For people that want to start programming, especially for the kind of person that has a more visual way of thinking, coding can seem too abstract, way too mathematical without enough tangible parts to work with. But, don't get stuck at the beginning, not all programming is abstract and difficult. Simply start with more visual areas and easy to understand coding techniques in the beginning and maybe you will gain new confidence and start exploring different technologies.

Build a Web Page

Many schools are beginning to understand the importance of computer skills, and in many places in the world, at least some level of computer programming is being taught. Maybe you already have worked on a school project that involves building a web page, but even if that is not the case, building a web page is a great way to start. If you have already build a simple Web Site in the past, this time try a more challenging version that will use a different programming language or more interaction. If you feel you already have enough experience why not try and build a web application with or maybe without a database. These are only some of the possibilities of Front-End development, but for this article, we'll focus on knowledge and requirements for building simple and beautiful Web Sites with some basic interactivity, nothing too fancy. This can be your first project ever and a great way to start coding, or you can reestablish your previous knowledge and get more confidence and ideas to as how to take your coding skills to the next level.

Start Before You Understand Everything

Programming and technology are fields of fast growth and development, new technologies come and go within months and even the best professionals in this area don't understand everything. This is why you have to start before you understand and trough doing understanding will come. Informing yourself is already a valuable step, but now it's time to take another step and build something yourself.

How Are Web Pages Viewed on the Internet

Everybody is using the internet these days and for those who don't know the basic way that it all connects together, here is a short distilled version and enough knowledge to get you started building your own Web Page.

People buy domain names and with that, they ensure a unique address that others can use to search for their website. For example "coca-cola.com" is a domain name. Besides owning a domain, you need also a place to store all your data and multimedia files that are displayed on the web page. Web Page data is stored onto servers, which are also computers but their only purpose is to HOST your data, and share it with the world, making it available all the time and as quick as possible. So you are probably getting the point - you will need to use a Hosting Company to host your Web Site.

When everything is set up, users will look for your website trough the address bar of their browser or a search engine like Google. When they find the website, the browser sends a request to the server, asking for all the files that are necessary to display the website to the user and when fully loaded, the website code executes and displays the homepage to the client.

Ingredients for Building a Web Site

In the previous section, we looked at how the internet is designed to serve content to the users. If you already have or plan to buy a domain and hosting services, will have a real website, but if you just want to practice, or test more often like most web developers do. They perform frequent tests to preview changes, and you can do the same, you can install a Local Server like WAMP or XAMPP. This is a piece of software that is simulating a server and allowing you to preview your web page without uploading it to the internet.You will also need some basics in HTML , CSS and JavaScript and in a short time, you can have your web page come to life.

Also consider tools that are easily available, like Bootstrap framework, or using a CMS(Content Management System) like WordPress. If you're not that much interested in learning computer technologies, you can use the mentioned and similar tools to get a good looking website in the shortest amount of time, but if you can spend some time experimenting with different technologies you can learn a lot.

Source

Concluding Thoughts

Web Development is a great point to start your program developing journey because it is visual in nature, and you can have some relatively fast and easy results. Build you own practice website to learn more about web programming.

  1. Get some basic understanding at how web pages are served to the user trough the internet.
  2. Set up an environment in which you can test and preview your web page locally on your own computer by installing a Local Server.
  3. Create a folder that will contain your entire website and place it an appropriate place determined by your local server
  4. Learn some basic HTML, CSS and JavaScript(you can use tutorials at w3school.com) and start building your website.

Comments

    0 of 8192 characters used
    Post Comment

    No comments yet.

    working

    This website uses cookies

    As a user in the EEA, your approval is needed on a few things. To provide a better website experience, hubpages.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

    For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: https://hubpages.com/privacy-policy#gdpr

    Show Details
    Necessary
    HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
    LoginThis is necessary to sign in to the HubPages Service.
    Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
    AkismetThis is used to detect comment spam. (Privacy Policy)
    HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
    HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
    Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
    CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
    Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
    Features
    Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
    Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
    Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
    Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
    Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
    VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
    PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
    Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
    MavenThis supports the Maven widget and search functionality. (Privacy Policy)
    Marketing
    Google AdSenseThis is an ad network. (Privacy Policy)
    Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
    Index ExchangeThis is an ad network. (Privacy Policy)
    SovrnThis is an ad network. (Privacy Policy)
    Facebook AdsThis is an ad network. (Privacy Policy)
    Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
    AppNexusThis is an ad network. (Privacy Policy)
    OpenxThis is an ad network. (Privacy Policy)
    Rubicon ProjectThis is an ad network. (Privacy Policy)
    TripleLiftThis is an ad network. (Privacy Policy)
    Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
    Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
    Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
    Statistics
    Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
    ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
    Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)