Instructional Critique

A Critique of the instructional materials I used to learn my coding skills this semester:
Before this class I had zero experience with coding. I was extremely apprehensive and clueless. I knew I was going to need some basic, thorough explanations of processes and terms. I learned HTML, CSS and PHP.

To begin, I used Little Web Hut HTML & CSS Youtube Tutorials:.
I am a visual person and process things better if I can see it and see how it is applied. These tutorials were great! I would highly recommend them. It is a screen share video of someone narrating as they use a text editor like notebook++.
HTML: Video 1-Getting Started, Video 2-Text, Video 3-Images & Hyperlinks, Video 4-Audio & Video, Video 5-New Semantic Elements, Video 6-CSS Page Layout
CSS: Video 1-Applying Styles, Video 2-Selectors, Video 3-Box Model, Video 4-Positioning
Pros: There were 6 HTML and 4 CSS videos that broke down HTML & CSS into digestible parts.
In the videos, they show you and talk with you about terms like “Tag: ” and “Element:<br />” and then they show you how to use/apply them in your code.<br /> Their <a href="">website</a> has reference and stylesheets for future reference and resource needs. After watching the videos I would go back and review. It was easy to navigate and find what I was looking for.<br /> <strong>Cons:</strong> I’m sure for people who have some experience the videos are too simple, but for beginners it’s perfect. </p> <p>I also used this <a href="">website</a> as well as this <a href="">Youtube video</a> for CSS frameworks and tips on creating a responsive website. They were extremely helpful. I have learned that most coders don’t create their own CSS styling. They’ll often use already created codes and tweak it to their liking.</p> <p>I used 1 online book to learn PHP. It is called: Zend PHP 5 Certification Study Guide. I accessed it through BYU Library’s Safari Books online. I did not find this book to be as helpful as the video tutorials. I would not suggest this book for a brand-new beginner but I think it would be more helpful now that I have some knowledge of PHP. It seems more like a reference or as the title suggests study guide. Thus it is geared towards readers who have some PHP knowledge or experience.<br /> Pros: It starts out with some basics, like syntax, to help the reader get started.<br /> The content was well organized and the book was easy to navigate.<br /> The chapters were broken down by topic and each section was labeled well.<br /> They show the code and explain what it is<br /> Cons: I think the book assumes the reader has some context/scheme for PHP. For someone who had none it was hard to follow and understand.<br /> They do not show you how it all works together. Often I struggled to know how the PHP I was learning applied to my project.<br /> It was not explained in simple terms. I often did not understand what it was trying to show me. Here is an example of one of the sections from the book:<br /> “Standard Tags<br /> <?php ... code ?><br /> Standard tags are the de-facto opening and closing tags; they are the best solution for portability and backwards compatibility, because they are guaranteed to be available and cannot be disabled by changing PHP’s configuration file.”</p> <p>I liked these PHP for beginners Youtube videos by <a href="">TeachMeComputer</a> better than the Zend PHP 5 online book. It is more geared for beginners.<br /> Pros: They start with the basics and show you how to get started by using a text editor and setting up MAMP, etc. That was nice because I would not have figured that out on my own.<br /> There are about 25 tutorials available that are about 5-10 minutes long. It’s just the right amount of time to get what you need and be able to quickly apply it. It is also easy to go back and review because each video is so specific.<br /> The videos teach you the principles and show you how to apply them. I liked to practice while I watched.<br /> Cons: Some people are bothered by the accent of the narrator.<br /> There are a lot of videos. This is a good thing but it can also be a lot if someone wants a broad overview.<br /> I would not recommend them for someone with a lot of experience. They may be too simple. </p> <p>Overall, I enjoyed the resources I used. There were times were I also referred to a <a href="">PHP Manual </a> or W3 Schools. Those are helpful for beginners but are more for reference materials not tutorials. </p> </div><!-- .entry-content --> <footer class="entry-footer"> <span class="posted-on"><span class="screen-reader-text">Posted on </span><a href="" rel="bookmark"><time class="entry-date published" datetime="2016-04-11T16:20:23+00:00">April 11, 2016</time><time class="updated" datetime="2016-04-12T12:45:15+00:00">April 12, 2016</time></a></span><span class="byline"><span class="author vcard"><span class="screen-reader-text">Author </span><a class="url fn n" href="">admin</a></span></span> </footer><!-- .entry-footer --> </article><!-- #post-## --> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/uncategorized/instructional-critique/#respond" style="display:none;">Cancel reply</a></small></h3> <form action="" method="post" id="commentform" class="comment-form" novalidate> <p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> Required fields are marked <span class="required">*</span></p><p class="comment-form-comment"><label for="comment">Comment</label> <textarea id="comment" name="comment" cols="45" rows="8" aria-required="true" required="required"></textarea></p><p style="clear: both;" class="subscribe-to-comments"> <input type="checkbox" name="subscribe" id="subscribe" value="subscribe" style="width: auto;" /> <label for="subscribe">Notify me of followup comments via e-mail</label> </p><p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" aria-required='true' required='required' /></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" aria-describedby="email-notes" aria-required='true' required='required' /></p> <p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="url" value="" size="30" /></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='68' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p> </form> </div><!-- #respond --> </div><!-- .comments-area --> <nav class="navigation post-navigation" role="navigation"> <h2 class="screen-reader-text">Post navigation</h2> <div class="nav-links"><div class="nav-previous"><a href="" rel="prev"><span class="meta-nav" aria-hidden="true">Previous</span> <span class="screen-reader-text">Previous post:</span> <span class="post-title">Step 10</span></a></div><div class="nav-next"><a href="" rel="next"><span class="meta-nav" aria-hidden="true">Next</span> <span class="screen-reader-text">Next post:</span> <span class="post-title">Final Project</span></a></div></div> </nav> </main><!-- .site-main --> </div><!-- .content-area --> </div><!-- .site-content --> <footer id="colophon" class="site-footer" role="contentinfo"> <div class="site-info"> <a href="">Proudly powered by WordPress</a> </div><!-- .site-info --> </footer><!-- .site-footer --> </div><!-- .site --> <img alt='css.php' src="" width='1' height='1' /><script type='text/javascript' src=''></script> <script type='text/javascript' src=''></script> <script type='text/javascript'> /* <![CDATA[ */ var screenReaderText = {"expand":"<span class=\"screen-reader-text\">expand child menu<\/span>","collapse":"<span class=\"screen-reader-text\">collapse child menu<\/span>"}; /* ]]> */ </script> <script type='text/javascript' src=''></script> <script type='text/javascript' src=''></script> </body> </html>