What questions are you asking when you work on code?

Do the questions you ask when working with code decode your level of expertise?

As a beginner in any specific web tech, your first concern when working with any code is “what is this and how does it work?” As you level up, those concerns change. You may still learn about about how it works as you dive deeper, but other concerns will emerge the more you know, the more you use it, and the more work of others you are exposed to.

CSS

Beginner

  • How do I make stuff look how I want?

Intermediate

  • How can I keep this under control?
  • Can/should I use frameworks/libraries?
  • How do I deal with cross-browser problems?
  • Should I be using a preprocessor?

Expert

  • How can I write less of this?
  • Can/should I create frameworks/libraries?
  • Is testing possible?
  • How can I improve the tooling? Continue…

A Beginner’s Guide to HTML & CSS

A Beginner’s Guide to HTML & CSS

LESSON 1 • Terminology, Syntax, & Introduction
LESSON 2 • Elements & Semantics
LESSON 3 • Box Model & Positioning
LESSON 4 • Typography
LESSON 5 • Backgrounds & Gradients
LESSON 6 • Unordered, Ordered, & Definition Lists
LESSON 7 • Images, Audio, & Video
LESSON 8 • Building Forms
LESSON 9 • Organizing Data with Tables
LESSON 10 • Coding Practices & Additional Resources

A Beginner’s Guide to HTML & CSS is led by designer & front-end developer Shay Howe. He also offers an advanced guide with lessons being posted weekly into March 2013- http://learn.shayhowe.com/advanced-html-css/

Click here to begin: A Beginner’s Guide to HTML & CSS.

CodeHS- How every US high schooler could graduate with coding knowledge

Over the Christmas holidays, my 12-year-old son and I took up basic coding as a hobby. Yeah, I know, we’re a weird family! But we used a website called CodeHS to work on some basic coding principals together. The letter below is from the founders of CodeHS and requests funding to help get this program in high schools across the nation and I definitely couldn’t agree with their mission statement more- High schoolers can and should know how to do basic to intermediate coding in order to ensure that they have the most opportunity for both further education and jobs post-graduation. Both of us could master these lessons and I know you could too! Consider supporting this site to promote coding and computer science throughout American High Schools!

In 2012, computers are everywhere, and computer science education should be too. At CodeHS, we’re bringing CS to every high school in America—and we’re starting by teaching 1,000 students over the next six months.
Today, CS education is essentially non-existent in American high schools. It’s hard—very hard—for high schools to offer computer science courses on their own. Developing curriculum takes time and expertise; the challenge of finding qualified candidates who want to teach is monumental; and offering salaries that can compete with industry jobs is almost impossible. As a result, less than 5% of American high schools offer computer science.
This drought is especially dire given the current economic climate and the abounding job opportunities for computer scientists. The national unemployment rate is 8%. Meanwhile, there were 100,000 unfilled CS-related jobs in 2012—and that number is rising.
CodeHS was built specifically for high school students with no previous background. We provide an accessible, fun, and easy way to start learning computer science. CodeHS provides students with a real person to give debugging help and style feedback on every single exercise. This level of attention is essential for absolute beginners.
This campaign will allow us to make CodeHS free for schools, kickstarting our effort to put CS in the national curriculum. The money raised will help pay for:
·      tutors to give debugging help and feedback
·      website and curriculum development costs
·      integrating our platform with schools
Help us get the message out there. By bringing CS to high schools, we can teach critical thinking and problem solving, promote STEM, and prepare students for jobs of the future.

I like the idea of an open source editor

It will be interesting to see where Brackets goes from here….

Embedded Link

Brackets
About Brackets. Brackets is an open-source editor for web design and development built on top of web technologies such as HTML, CSS and JavaScript. The project was created and is maintained by Adobe, …

Google+: View post on Google+

Post imported by Google+Blog. Created By Daniel Treadwell.