Posts

Showing posts with the label Week 7

Week 5 to 8 - Learning with MCR Codes

Image
My experience with  @MCRcodes   as a Quality Assurance Tester.  This is an evening part-time coding boot camp based in central Manchester which runs for 24 weeks, from February 2018 to July 2018. Week 5 (March 2018) - Just the end of last week, I have received feedback on my assignments with lots of pointers to becoming a better coder. One of the suggestion was to use an extension on my code editor ESLinter. In the first session, Joe helped me set this extension up and it is brilliant. Why haven't I installed this years ago? Lecture wise, we have moved on to lots of theory behind coding. This knowledge will make our employable stronger and a stronger knowledgeable programmer. Session 1 -  Object Oriented Programming &  SOLID Object Oriented Design Session 2 -  Test Doubles & jest.fn() Week 6 - Continued with last week Object-Oriented Programming exercise, finally understanding the benefits of creating a good code design. Also...
Read more

Learn CSS Grid and Flexbox

Image
blog image source CSS grid/flexbox layout are a grid-based layout system, with rows and columns, making it easier to design web pages without having to use floats and positioning. Grid Layout gives us a method of creating grid structures that are described in CSS and not in HTML. It helps us to create layouts that can be redefined using Media Queries and adapt to different contexts. Grid Layout lets us properly separate the order of elements in the source from their visual presentation. Flexbox Layout officially called CSS Flexible Box Layout Module is new layout module in CSS3 made to improve the items align, directions and order in the container even when they are with dynamic or even unknown size. Learn CSS grid and flexbox with Flexbox Froggy and Grid Garden. Flexbox Froggy -  http://flexboxfroggy.com/ Grid Garden -  http://cssgridgarden.com/
Read more

Week 7 - Session 2 - CSS (Cascading Style Sheets)

Image
blog image source CSS is a style sheet language that defines the presentation of a web page. It is used to add color, background images, and textures, and to arrange elements on the page. It is also used to enhance the usability of a website,  you'd write this CSS: p {   color : red; } The declaration block contains one or more declarations separated by semicolons. Each declaration includes a CSS property name and a value, separated by a colon. A CSS declaration always ends with a semicolon, and declaration blocks are surrounded by curly braces. CSS styles the HTML elements of a web page Cascading Style Sheets are simple text files Style sheets are made up of Rules Rules are made up of selectors and declarations. Declarations are made up of properties and values. Learn CSS on Codecademy -  https://www.codecademy.com/learn/learn-css
Read more

Week 7 - Session 1 - HTML (HyperText Markup Language)

Image
HTML is a fairly simple language made up of elements, which can be applied to pieces of text to give them different meaning in a document (is it a paragraph? is it a bulleted list? is it part of a table?), structure a document into logical sections (does it have a header? three columns of content? a navigation menu?) and embed content such as images and videos into a page. Tags are used to mark up the start of an HTML element and they are usually enclosed in angle brackets.  majority of tags must be opened <Tag> and closed </Tag> with the element information such as a title or text resting between the tags. tags must be closed in the order in which they were opened. blog image source <!DOCTYPE>: not an HTML tag; instruction to the web browser about the version of HTML. <html> </html>: defines the document as the web page, and identifies the beginning and end of the HTML document. All other tags must fall between the HTML tags. <head...
Read more