2022 Developer Survey is open! Take survey.
28 votes
Accepted

Recommended IDE for teaching web development to beginners

I find that the best introductory IDE is a lack thereof because, for the most part, the features that an IDE offers (code completion, organization, etc.) are more hurt than help and tend to promote ...
user avatar
  • 4,754
17 votes

Explaining why styling should not be done directly in HTML

I like the idea of producing a few style sheets, and having the pupils apply them to their HTML. They can then see the power of having separate style sheets. Start with a style sheet that you made. ...
user avatar
14 votes

How to raise students' security awareness in programming?

Make it into an assignment/game. Each student creates a project that is passed to another, randomly chosen student, to hack. Give points for both the project and the "hacking" results. The hacking ...
user avatar
  • 311
11 votes

Recommended IDE for teaching web development to beginners

The latest generation of text editors, e.g. Sublime, Atom, Visual Studio Code, are great, and seem to offer all that one might want from an IDE. I've a soft spot for Atom, but don't rule the others ...
user avatar
  • 1,256
11 votes

How can I convey the idea of a programming language vs. a markup language?

I also have this problem frequently. I use the example of Microsoft Word, and I would say something like this: "Word allows you to give a document the appearance that you'd like. You can bold, you ...
user avatar
  • 31.2k
11 votes

Explaining why styling should not be done directly in HTML

If you only want to build a page that is simple and ad-hoc and will never change in the future and will only ever be seen on one kind of device, then, sure, build the styling directly into html. It is ...
user avatar
  • 34.7k
10 votes

Recommended IDE for teaching web development to beginners

In the context of front-end development, I suggest looking into CodePen. For each "pen" you can get an instant visual as to how your HTML/CSS/JS affect your page. Additionally, you can immediately ...
user avatar
  • 8,992
10 votes

Explaining why styling should not be done directly in HTML

To make them really understand what you can do with CSS alone - with only substituting another CSS file - take them to the CSS Zen Garden. With exactly the same HTML for each page, and only the .css ...
user avatar
  • 1,379
8 votes
Accepted

Should I teach modern web development in an introductory programming course? How?

If you want to teach students programming concepts along with web-development (HTML/CSS/JS) you should consider lacing programming examples or lessons with examples of HTML/CSS/JS or similar concepts ...
user avatar
8 votes

Recommended IDE for teaching web development to beginners

I don't think the tool (or learning the tool) should get in the way of learning the initial core of the subject. If students are already comfortable with NotePad (or TextEdit, et.al.), why add to ...
user avatar
  • 1,897
8 votes

What qualities should be considered when designing a front end project?

As a student I would find this assignment uninteresting and a waste of my skills. I would feel the professor is just trying to be lazy and not having to properly grade assignments. If they really ...
user avatar
  • 403
8 votes

How do people prefer to learn web development - videos or text?

As a student, I get a lot more from blogs. Many of the videos I have seen are pretty hit or miss. With a blog, I can scan it in a minute or so and be able to tell if it holds the answers/info I am ...
user avatar
8 votes
Accepted

How to convince students that self learning is an important skill?

In a few days there is almost nothing you can do. Certainly you can't change their habits and attitudes about how to learn in just a few days. You can try, however, to change their behavior by making ...
user avatar
  • 34.7k
6 votes

Should I teach modern web development in an introductory programming course? How?

I think it depends on what the goals for the course are. You are teaching an intro programming course, so what are the students expected to know when they finish? Data types and structures, loops, ...
user avatar
6 votes

Explaining why styling should not be done directly in HTML

To narrow it down, I'm looking for examples or explanations of how teaching it explicitly might make it easier for the students to style their webpages. Preferably an explanation. As richard says, ...
user avatar
  • 181
6 votes

Explaining why styling should not be done directly in HTML

Well ask yourself: Why do we separate anything in any form of code? In almost every single programming/scripting language there is separation and delegation. We do this to make sure that we are more ...
user avatar
  • 191
6 votes

How do people prefer to learn web development - videos or text?

Videos or Articles? I learned about web development on my own. I preferred videos to show me what was capable/ the end result of implementing a new technology. Then I used blog posts, articles, and ...
user avatar
6 votes
Accepted

Best way to pass on the problem solving experience

In places that use the ideas of agile software development, the usual way is to just let the newcomers pair with the more experienced members in all tasks. In your case it would consist of a lot of ...
user avatar
  • 34.7k
5 votes

How can I convey the idea of a programming language vs. a markup language?

Markup languages are for giving names to things. How can be different between 'languages', with, for example, HTML and XML using <tags></tags>, Markdown ...
user avatar
5 votes

Recommended IDE for teaching web development to beginners

I go for simple. This year we used either an online editor or the free version of JCreator specifically because they don't have autocomplete. What I noticed last year using NetBeans is that students ...
user avatar
  • 3,029
5 votes

How can I maintain interest in front end?

As Choirbean noted, this is fundamentally a question of motivation. I don't think it's about making something more "exciting." That is, the secret is not in something extrinsic, which is what makes ...
user avatar
  • 8,992
5 votes

How can I maintain interest in front end?

I teach game programming, and I have a very similar issue. Day 1: They want to make Overwatch, and on Day 2-End of the year, they want to play overwatch. I usually start the year with an ...
user avatar
  • 381
5 votes

Explaining why styling should not be done directly in HTML

A slightly different way of looking at it might be to introduce DRY code (Don't Repeat Yourself). By using CSS to do the styling, you know that by simply adding a class to a HTML element, the styling ...
user avatar
  • 221
5 votes

How to help students comprehend the HTML document flow?

Absolute positioning as bad practice Referencing the StackOverflow question, "Is it considered bad practice to use absolute positioning?", the consensus is, just like nearly everything in CSS, "it ...
user avatar
5 votes

How to convince students that self learning is an important skill?

I am posting this answer as a complement to @Buffy's answer, which suggests a deep restructuring of the course and you may not be willing, able or allowed to to do it. This answer is useful if you ...
user avatar
  • 680
4 votes

Recommended IDE for teaching web development to beginners

You are correct in considering Sublime text, or atom text editor as they are light weight and more importantly will be hassle free for school kids. But one should also keep in mind considering ...
user avatar
  • 141
4 votes

How to raise students' security awareness in programming?

As mentioned in other answer making education like a game is good idea. You can use SQL Injection as one of the examples, other like password to be word from the web page itself, other can be ...
user avatar
4 votes

How can I convey the idea of a programming language vs. a markup language?

The AP CS Principles curriculum defines three elements of an algorithm: Sequencing Selection Iteration This can be a point of divergence between a markdown language and a programming language. ...
user avatar
  • 8,992
4 votes
Accepted

How can I maintain interest in front end?

Assuming that you have reasonably motivate students in the first place, the first rule of motivation is to explain the goal, and where that fits into a larger framework. So, if you're teaching CSS, ...
user avatar
  • 31.2k

Only top scored, non community-wiki answers of a minimum length are eligible