Microsoft Technology Associate (MTA) status in Introduction to Programming Using HTML and CSS Achieved!

Posted on Updated on

At 10:45am On 3/22/18 I attended the Certiport certification lab presented by Certiport at the 2018 NCCIA Conference located at Asheville-Buncomb Technical Community College in Asheville, NC.

MTA-Introduction-to-Programming-using-HTML-and-CSS-2018Tyler Dockery Achieves MTA status in Introduction to Programming Using HTML and CSS

MTA status in Introduction to Programming Using HTML and CSS Achieved!

I chose to attempt this exam because I felt I could validate the skills and knowledge to recognize and write syntactically correct HTML and CSS, structure data using HTML elements, and create and apply styles using CSS. Since I was trained on HTML in 1996 and certified with CSS in 2001, and had been working with HTML and CSS with clients for 18 years at this point, I’m familiar with their features and capabilities, and understand how to write, debug, and maintain well-formed HTML and CSS code.

The Official Breakdown of Subject Matter

Microsoft’s official exam page for this test: MTA EXAM 98-338 outlines the following fundamentals will possibly be covered:


Understand HTML Fundamentals (10-15%)
  • Construct markup that uses metadata elements
    • Script; noscript; style; link; meta tags, including encoding, keywords, viewport, and translate
  • Construct well-formed markup that conforms to industry best practices
    • DOCTYPE declaration; HTML; head; body; proper syntax, including closing tags and commonly used symbols; comments
Understand CSS Fundamentals (15-20%)
  • Analyze the impact of using inline styles, internal style sheets, and external style sheets
    • When to use inline styles; when to use internal style sheets; when to use external style sheets; precedence when using a combination of inline styles and style sheets
  • Construct and analyze rule sets
    • Valid syntax for the CSS rule set; selectors, including class, id, elements and pseudo-class
  • Construct well-formed style sheets that conform to industry best practices
    • Reusing rules and rule sets; commenting; testing on multiple browsers; web safe fonts
Structure Documents Using HTML (30-35%)
  • Construct and analyze markup to structure content and organize data
    • Table tags; h1-h6; p; br; hr; div; span; ul; ol; li
  • Construct and analyze markup that uses HTML5 semantic elements
    • Semantic tags; header; nav; section; article; aside; footer; details; summary; figure; caption
  • Construct and analyze markup that implements navigation
    • Image links; a; target; bookmark; relative versus absolute links; navigating simple folder hierarchies
  • Construct and analyze markup that uses form elements
    • Form attributes; action; method; submission methods; accessibility; input types and restrictions; select; textarea; button; output; option; datalist; fieldset
 Present Multimedia Using HTML (10-15%)
  • Construct and analyze markup that displays images
    • img and picture elements and their attributes
  • Describe the appropriate use of the img, svg, and canvas elements
  • Construct and analyze markup that plays video and audio
    • Video; audio; track; source; simple iframe implementations
Style Web Pages Using CSS (20-25%)
  • Construct and analyze styles that position content
    • Positioning, including float, relative, absolute, max-width, overflow, height, width, and align; inline versus block; visibility; box model, including margins and padding
  • Construct and analyze styles that format text
    • Font-family; color; font-style; font-size; font-weight; link colors; text formatting, including text alignment, text decoration, and indentation
  • Construct and analyze styles that format backgrounds and borders
    • Border-color; border-style; border-width; backgrounds; divs; colors
  • Analyze styles that implement a simple responsive layout
    • Units of measure; responsive effects with CSS, including viewport and media query; percentages versus pixels; frameworks and templates; max width


All in all, this test was well worth the time and effort. The materials covered had a good amount of in-depth knowledge requirement, and I was able to break through with a score in the mid 900s. It was a good challenge, and I felt it will be helpful to me to show students that the MTA exams are a fine choice to showcase their abilities.


Honorable Mention: Margie Dietz and A Method for Teaching Problem Solving

Posted on Updated on

At 1:15pm On 3/8/17 I briefly attended A Method for Teaching Problem Solving presented by Margie Dietz at the 2017 NCCIA Conference located at Craven Community College in New Bern, NC.

Honorable Mention: Margie Dietz and A Method for Teaching Problem Solving

This session is an honorable mention. I went into this class but did not stay, because the class was a programming class for programming instructors. Since it was beyond my ken, I went with something more my speed. That said, when I returned to this classroom later, 4 teachers remained to keep working on the material they learned because they were so pleased and impressed with their materials. Well done, Margie Dietz!

Take 2 SWIFT Bites Out of Apple’s New Programming Language

Posted on Updated on

by Linda Cohen

Building with XCode through . It is a 4GB application

WEB187 is the iOS developer course, although WEB251 is also used at another college. WEB151 ANdroid WEB251 iOS at

We’ll be building a discount app. There is a LET command which will allow a variable to become a constant. However, forms are also required to be a LET command, so we’ll be looking at that as well.

We’ll be suing a single VIEW and sticking with that VIEW in this class. We chose single view. We’ve given a product name, and we’ll create. This is made for iPAD, but there are different ways to create for the iPhone. The target we’re using ins 9.2. If you have an older version, use that.

The word TEAM says NONE. That means that your work is open source. That allows you to work for android, windows, or apple.

When working with android, its all xml in the background. Then you had to create the JAVA. Android developer studio seems to have some wonderful parts

The STORYBOARDis where we’ll design the interface for the application. Clicking on the first view, we’ll see the information on the view. You can add titles and other materials here as well.

Naming Conventions for the Objects

  • LABELS are for output only and start with lbl
  • TEXT fields are for input and start with txt
  • BUTTONS are to create an event where the actual code goes and they start with btn

A Label is added, and the right column allows us to give specifics about these items. Several display pieces are allowed to show us the basic profiles. Some basic labels are added in here, names, discount amounts, amount of the meal without text. And then, we add a button. We did not add labels with names.


ONce you have the interface, you need to relate the code behind the scenes. Next right column with left boxes allow us to visit this graphic layout in several different fashions. txt is for text lbl is for labels

Buttons work similarly, dragging the visual side to the code area. While the others are OUTLETS, the button is an ACTION. “Touch up inside” is the same as click or touch. Applie will be different and not count if dragged across.

Initialize all variables BEFORE they are used.

let TAX = 0.07  //  Declare TAX as a constant

var subTotal : Double = 0.0

var total : Double = 0.0

lblDisplayTotal.text = “”

let name = txtName.text!

let discountAmt(txtDisAmt.text!)

let mealCost = Double(txtMealCost.text!)

This material does not require () for IF statment, but does require {

if discoutnAmt != nil && mealCost != nil


   subTotal = mealCost! – discountAmt!    // create subtotal

   total = subTotal*TAX + subTotal   // create total

   lblDIsplayTOtal.textColor = UIColor.blueColor()

lblDisplayTotal.text = String(format: “Thank you, /(name) with tax, your total is %.2f”, total )

Once everything is selected, choose “Get Results” The PIN tool. Clicking on the top three lines will tell you the number of restraints you’ll need to keep this in place. These restraints allow you to keep these items in place with a responsive design. To get around this, Clear the restraints, make changes, and then return the constraints.


We loaded up the program. It worked. Once you’ve developed in the open source section, you can attach your ipad directly (because we programmed for ipad) and it will automatically add this to your device.