HTML, CSS, and JavaScript together make up the visual landscape of the web as we know it. Like the skeleton, skin and muscles come together to help create a functioning human body, these three languages, when combined in an intentional and planned way, create a website.
As front-end Developers, it is our job to utilize these languages creatively and efficiently in order to create the best possible experience for the end users of thunder::tech’s clients. While these languages are fundamental to the web, writing them is a repetitive and time-consuming process.
To help streamline the process of writing these languages, alternative languages called preprocessing languages have been introduced to help developers write code more cleanly and
…show more content…
DRY is a principle in development called “Don’t Repeat Yourself,” which focuses on reducing and eliminating duplicated code. Considering that every line of code in software must be maintained, duplication of code then is simply a waste.
Similarly, modular programming is a software design technique that encourages separating functions of a program into individual, reusable modules, in that each module contains everything necessary to perform a single desired function. Phew!
A simple way of visualizing this can be seen by looking at thunder::tech’s home page:
A screenshot of thundertechs home page explaining modules
Each separate color and number is its own unique module. These sections can be reused in other places on the site with different content. Building modular websites removes some of the repetition encountered in development, which promotes DRY development.
In the end, this results in a more flexible, expandable and maintainable website.
So with the understanding that Sass and Pug help to create better code overall, let’s take a look at another example of a feature that both Sass and Pug use called mixins.
Pug to HTML
A code example of Pug demonstrating a mixin
Sass to CSS
A code example of Sass demonstrating a mixin
A mixin in both Sass and Pug allows a developer to write named, reusable blocks of code. These blocks of code can be called by their name to be used in different areas. Here’s a
The first versions of WWW ((what most people call “The Web”))) provide means for people around the world to exchange information between, to work together, to communicate, and to share documentation more efficiently. Tim Berners-Lee wrote the first browser (called WWW browser) and Web server in March 1991, allowing hypertext documents to be stored, fetched, and viewed. The Web can be seen as a tremendous document store where these documents (web pages) can be fetched by typing their address into a web browser. To do that, two im- portant techniques have been developed. First, a language called Hypertext Markup Languag (HTML) tells the computers how to display documents which contain texts, photos, sounds, visuals (video), and animation, interactive
At Swagger Distribution, the interest in designing a website is a wonderful aspect to have in the society we live in today. Key concepts that are important when it comes to designing a website is necessary to know before getting started. First knowing what language you want the website designed in, can be beneficial based on what the company wants to do. HTML (Hypertext Markup Language) is a language that creates the website. Hypertext allows someone to move around the web. When clicking on a text in an HTML website is called a Hyperlink. Markup is what the tags do to the text inside of the HTML website. Language, of course, is a language, HTML is the language that has the code and syntax, just like any other language. CSS (Cascading Style Sheets) is used for configuring the language on the webpage. When
A range of software packages can be used .HTML (Hypertext Mark-up Language) files can be created in a web authoring package such as Dreamweaver. The html files created by this software will include CSS (Cascading Style Sheet) files that are used to enhance the visual appearance of the site. Other web authoring tools are graphic design packages such as Adobe Photoshop that can be used to design a skin for the user interface design. This skin can then be exported into a html and css combination that is used as the basis for the developing site.
In assembly language, the programmer must take a microscopic view of a task, breaking it down into tiny subtasks at the level of what is going on in individual _
was to give efficient and flexible performance making it a versatile language that has found its place in a
Using Adobe’s Dreamweaver”AWYSMYG”, what you see what you get, which helps me quickly to scan my code as well as spot any error and suggest code that me used when creating templates for popular CMS’s like WordPress , Joomla and Drupal. By using Dreamweaver I will have My code and design view at the same time we allowed me to control my website easily, also I can open each file that I want to use immediately. Adding background color is very easy because it gives me hex color code automatically. Although The Dreamweaver is very useful it makes the website designer very lazy if he/she is not careful.
I have been able to grow as a student in my skills for academic success in my computer science class by doing different types of webpages using HTML and CSS. HTML and CSS are a types of computer language in which I used different types of
A website is an essential tool for a business that is expecting to thrive. An efficient, attractive site is a pace-setter. We design first-rate responsive websites, detailing everything whether it is content, color, typography, IA (Information Architecture), UX/UE or e-commerce
Programming languages are vast and diverse in their numbers. These different languages use fundamental styles of programming called programming paradigms. These programming paradigms layout the particular design approach that a program will use to solve a problem or achieve an objective. Of the many different types of programming paradigms, some of the more distinguished ones are procedural, functional, logical, and object orientated programming. Recently the object orientated languages have been rising in popularity due to their ability to easily implement large programs. There are many different object orientated programming languages (OOPLs), among them are C#, Java, Ruby, and Python. This essay will compare and contrast two of these languages: Python and Java.
This template uses styles The template uses styles and the following list summarises the names and specification of each style:
There are 3 different ways of implementing CSS styles into html. These are internal, external and inline. External is when you have a file that only contains CSS code in it and is saved with .css at the end. External sheets are referenced in the HTML code using <link>. You need to link it from all HTML pages. Doing so means you only need to set the styles once. This comes in useful if you want to change the styles later on as you only have to do it in the one place. This is an example.
Object-oriented programming is a programming paradigm based on the concept of objects rather than algorithms, this may contain data in the form of fields. it aims to incorporate the advantages of modularity and
The paper starts off talking about SPLE (software product line engineering). SPLE refers to software engineering methods, tools and techniques for creating a collection of similar software systems from a shared set of software assets using a common means of production. Carnegie Mellon Software Engineering Institute defines a software product line as "a set of software-intensive systems that share a common, managed set of features satisfying the specific needs of a particular market segment or mission and that are developed from a common set of core assets in a prescribed way."
Javascript has become interface to the web. It has greatly evolved over the decades. Today Javascript is not just about adding visual effects to websites infact its a lot more than that and plays a role in implementing application logic and database access.
The webpages on the websites are typically written in HTML (Hypertext Markup Language). It is a standardized system for the World Wide Web pages. The following are some of the things we can do with HTML code: create a slider, background color, background image, hyperlinks, layout, design, etc. However, there are other languages too that can write webpages such as CSS (Cascading Style Sheets), JavaScript, XML (Extensible Markup Language), etc.