M1 Flashcards
Basic structure of a webpage?
- Tells the browser what type of document this is.
- A meta tag provides additional important information about a document.
What does syntax mean?
The rules that govern the structure of statements in a computer language.
What is seperation of concers?
break up the code into chunks that are finalised tiny pieces of the system, each able to complete a simple distinct job.
What is UI and UX?
UI : user interface - the stuff you see, hear and use in an app.
UX : user experience - how you feel about using an app.
What is HTML?
HTML is a text-based computer language that includes the ability to format documents and link to other documents and resources.
What is a HTML Element and tag?
An HTML element is an individual component of an HTML document.
A tag is an opening angle bracket, a keyword, and a closing angle bracket.
E.g. <p> or </p>
What is CSS?
Cascading Style Sheets
A browser will display an HTML document with default styling
With CSS you can override the default style and control exactly how the HTML elements look.
What is the box model?
The CSS box model is essentially a box that wraps around every HTML element. It consists of: margins, borders, padding, and the actual content
How can we position things on a webpage?
Display :
flex - aligning a group of items out vertically or horizontally, and distributing the space among them.
grid - CSS grid is a two-dimensional layout system based on grid lines that create grid cells.
inline
block
What is graceful degradation and progressive enhancement?
So, graceful degradation is the practice of building your web functionality so that it provides a certain level of user experience in more modern browsers, but it will also degrade gracefully to a lower level of user experience in older browsers.
Progressive enhancement is similar, but it does things the other way round. You start by establishing a basic level of user experience that all browsers will be able to provide when rendering your web site, but you also build in more advanced functionality that will automatically be available to browsers that can use it.
What is best practice for responsive development?
Best practice is mobile first.
Mobile websites have more usability concerns (mostly due to lack of screen space), so it’s practical and more efficient for the primary focus to be on mobile design.
It’s easier to scale up a mobile version than it is to scale down a desktop version.
Mobile-first web design helps to focus on what’s visually and functionally necessary.
What is the responsive meta tag?
Indicates that your web page is responsive, i.e. will adapt to different device sizes.
Viewport is the bit in the web browser you can see.
Width = device width - tells the page to take up the width space of the screen, so no sideways scrolling is required.
Initial scale 1 sets the initial zoom level.
What are media queries?
Media queries allow us to apply different CSS styles to different media types or devices.
What are evergreen browsers?
Evergreen refers to the browser release strategy.
Evergreen browsers are automatically updated frequently (in the background), constantly updating their compliance with Web Standards and also adding new proprietary features.
What is pair programming , its advs and disadvs?
Pair programming is an agile software development technique in which two programmers work together at one workstation.
Benefits:
Improves code quality:
2 sets of eyes should spot more errors or problems
Clearer code because complexities have been talked about
Knowledge sharing between senior/junior (great for new starters)
Combats knowledge silos (or towers of knowledge)
Where one person has all of the domain knowledge, the team then becomes too reliant on that person
Should improve communication between team members
Drawbacks:
It costs the company double the resource if it goes wrong (could argue that helps two team members learn how to do it correctly)
‘Managers’ don’t like it because it looks like one person isn’t doing much
Can be misused: it doesn’t mean you build the fix and I’ll write the tests!
Pick work that suits it
Don’t do it for easy tasks
Good for big tasks that have clear goals to try and stick to
