Activity: Creating a completely responsive layout

Activity: Creating a completely responsive layout

Lesson Details:
July 10, 2020

I: Introduction

The article I have chosen is a short one, however it is very interesting and has a lot of new material for me. It was written by a developer of a great company called Red Badger. In fact, the last post on the blog is about the new changes in their responsive development philosophy.

Introduction to Programming Coding Languages

In this article, I have found a very good definition of programming languages: “Programming languages are used to write programs that tell a computer how to behave.” I have found this definition very easy to understand and very clear. The author also wrote about some of the most popular languages that were created in the last few years:

• Ruby - a dynamic, reflective, general-purpose object-oriented programming language in the class of Perl and Python.

• Google Go - a general-purpose programming language with easy learning curve. It is syntactically similar to C, but with garbage collection and modern concurrency features added.

• Scala - an open source programming language created to express Java like semantics on an Algebraic Object System (Java’s class library).

The article continues to describe different options that programmers have when choosing a language for their projects:

• Choose a language that can support your project’s need. For example if you’re working on a project that has a lot of HTML and CSS involved, you should use JavaScript because it is already built into browsers and is very flexible with dynamic content.

• Choose a language that you know best. There are many ways to code and knowing what you’re doing is very important.

• Choose a language based on the size of your team. If you’re working on a small team, it might be better to choose a language that is already known to everyone. But if you’re working with big teams, it might be better to choose something more advanced like Erlang or Python.

II: Body

A: Activity: creating a completely responsive layout

This activity can be done in two parts. The first part should be focused on creating the layout structure, while the second should include adding all the content needed to make it look nice. I think this is very interesting because not everyone knows how to do this, including me. Having an online tutorial would be great because it could be used for anyone who wants to learn how to do this. One way to create an online tutorial would be through blog posts where each post would represent one step in the process. For example, the first post could be about creating section using CSS grids instead of using table layouts which can result in mobile issues. The next post could be about adding content inside the sections created in the previous one, etc… This way an online tutorial will be created which would help developers get better at creating responsive layouts. Or, if there are already some tutorials out there, then it would be great if someone could share them with us here on StackOverflow.


Course content