LD – Page 5 – LabCatsCoding

Technical Specs

In the previous section, you wrote about what you wanted to do – here you write about how you plan to do it. This lays out your technical framework including: Choice of programming language and tools Front End Architecture (wireframe) Object Architecture Diagram (if applicable) Database Diagram Data Flow (optional) Use Cases (optional) System Architecture…

Flex Items

Okay – now that we’ve talked about the containers – what about the actual items in the containers? Can we set properties for those to control them? First, let’s see how to create the items. We will start with a flex container that looks like this for our examples. Each div within the flex container…

Flexbox & Containers

Remember how much fun float was? There are better ways of doing layout now. Flexbox is short for flexible box and it is the most popular way to do layouts for responsive screen design. That means that it’s perfect for developing websites that you have no idea of how they will be viewed – desktop,…

Having Fun With Borders & Boxes

There are three easy ways to make your boxes (or really just areas of your website with different color backgrounds) stand out – adding curved corners, adding shadows and changing the opacity of the color. Curved Boxes border-radius – allows rounded corner to things with either a border, background color or background image. You simply…

Homework: Images

Comments in HTML

What are Comments? Comments are used in all programming languages and while often seem pointless or a pain they are vital to the coding process. Essentially, they are words that are protected or “commented” out so that the computer/browser/compiler ignores them. What is their purpose? To make your code easier to read – both for…

Classes in PHP

Objects are used in programming to organize code – kind of like functions – and to make it easier to think about complex ideas. In the beginning, it can seem like the opposite – they really exists just to make things more complicated! But, let’s learn more about them. There are two important parts to…

Inheritance in PHP

Inheritance is one of the key features of object oriented programming. Without it – you might be better off just writing modules and functions. With inheritance you can wreak great havoc on your code, confuse other programmers and frustrate yourself. But, if you do it right – it will make your code easier to debug,…

Nesting

An important term used in HTML as well as in most programming languages is that of “nesting”. This means that elements or structures are embedded inside of other elements or structures. But they don’t over lap. HTML elements are nested which means they can be placed inside of each other. What does that mean though? …

U: Updating Data

Updating a record – or changing the the information that is stored – is very similar to creating a new record. The only twist is that you have to populate the form with the data first. Let’s look at how to do this with editing a member’s information in the Members database structure shown below.…