29 votes

What is the best way to teach JavaScript functions to middle schoolers?

I apologize in advance, but I'm going to be a bit hard on you. First, your goal of keeping it simple is a good one that I applaud. You are right, IMO, not to bring in advanced features too early. ...
user avatar
  • 34.7k
9 votes
Accepted

How can you efficiently assess students web coding?

Much less detail than the excellent post by Buffy, but directly to the question. Replace unit tests with validations and linters. Have the students create all content in distinct files: HTML, CSS, ...
user avatar
8 votes

How can you efficiently assess students web coding?

For me, 60 is a very large class. Let me focus on a course design, extrapolated from other areas, in my case, the compiler course. The intent here is to make assessment feasible, rather than to say ...
user avatar
  • 34.7k
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
7 votes
Accepted

Introductory html, css, javascript online course

I would say that you should use w3schools.com it nicely covers the basics of HTML, CSS, JavaScript and a few other related things(I would really suggest looking at MySQL/PHP if you want to go in to ...
user avatar
  • 336
6 votes

JavaScript to teach Theoretical Computer Science

Maybe a bit of an orthogonal answer, but let me try to refocus your thinking. I don't think that teaching a lot of languages, especially if they are similar to one another in some way is a big ...
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
5 votes

What is the best way to teach JavaScript functions to middle schoolers?

Middle school is a great place to start teaching kids programming, and especially JavaScript. I have guest taught something similar for third graders, and it went so much better than I had expected. ...
user avatar
  • 151
5 votes
Accepted

How to "teach" CSS for students?

If you are struggling with "design" and "beautiful" and artistic mumbojumbo, you can still teach CSS while avoiding trying to turn them into pro designers. The simplest example task I can think of is ...
user avatar
  • 1,388
5 votes

Beginner Javascript course - recommended books

A great resource to learn JavaScript is Eloquent JavaScript by Marijn Haverbeke: https://eloquentjavascript.net/. You can download the pdf for free, or you can read it online, and this is probably a ...
user avatar
  • 435
5 votes
Accepted

NodeJS and Javascript libraries are overwhelming students

Summary Node.js has an unusually complex ecosystem which you don't get in some other languages. Your students spending time to intelligently pick the best libraries is great, but you might need to ...
user avatar
  • 3,465
4 votes

NodeJS and Javascript libraries are overwhelming students

How would you do it yourself? If you are already effective at it, then show them how you approach it. Tell them where you look, and tell them how you decide that it is ok to stop exploring further for ...
user avatar
  • 34.7k
3 votes

App Lab/JS confusion between strings and variables

Don't imagine that this problem is rare or that it is caused because the students don't "get it." Often they get it all too well. It is common in learning a new thing to base your understanding on ...
user avatar
  • 34.7k
3 votes

App Lab/JS confusion between strings and variables

As always with javascript, show the right&wrong: Show them, using the exact piece of code from your example, but add another line: ...
user avatar
  • 6,227
3 votes

How to "teach" CSS for students?

I'll let another answerer address the creativity part, but for the design part of your question I can share some insight. I find it useful to ask them to emulate some site that they commonly use, and ...
user avatar
  • 4,754
3 votes

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

Teaching web programming would be self defeating to the topic. On the other had using examples of parsing “CSS” files or “HTML” files would aid them in learning web development, while maintaining the ...
user avatar
  • 131
3 votes

Advantages of teaching basic javascript through typescript

You mention that you are already using ES6, which suggests that package management and complication are not really barrier, though I would expect that many reading this problem are not setup to ensure ...
user avatar
2 votes

Advantages of teaching basic javascript through typescript

To be fair, TypeScript is promoted by Microsoft. That means, it has excellent intellisense support along with type checking and all the other standard stuff (regularly updated with bug fixes, premium ...
user avatar
  • 1,864
2 votes

NodeJS and Javascript libraries are overwhelming students

This sounds like a question of vetting. Here are some things I do when evaluating Node.js libraries: Find the package in npmjs.com and view the stats (e.g., daily/weekly/monthly downloads). You can ...
user avatar
  • 1,044
2 votes

Real world example application built with Python and JavaScript?

I have just written myself a web-mark server, to store book marks to my website. I got fed up with the proprietary ones, and decided to make one of my own (probably could have found a ready made one ...
user avatar
2 votes

Angular vs React vs Vue

Yes, from my experience it can. Regarding modular programming: Vue is rather similar to React in this matter. Components can be created and treated rather similarly to the way one treats React....
user avatar
  • 6,227
2 votes

JavaScript to teach Theoretical Computer Science

All programming languages are tools. Whether one is a programmer, a computer scientist, a student, or an instructor, the tool status of programming languages remains constant. Selecting the right tool ...
user avatar
2 votes

JavaScript to teach Theoretical Computer Science

One idea which might be a bit too trade-schooly but which I offer in case you disagree: the practice of software engineering. One big difference between Java and JavaScript is that Java has enormous ...
user avatar
  • 1,683
2 votes

What is the best way to teach JavaScript functions to middle schoolers?

I think if you're teaching anyone something like programming, you should show them the elements in isolation first, and then combine them once they seem to have a grasp of what you taught them. (...
user avatar
1 vote

What is the best way to teach JavaScript functions to middle schoolers?

I wouldn't. Based on my experiences as a student teacher in the Australian education system, typically actual coding doesn't get taught until grades 9-10, at which point the language is typically ...
user avatar
1 vote

JavaScript to teach Theoretical Computer Science

I was wondering the other day. Who would I hire? Someone with good theory knowledge, that used educational languages (Eiffel for OO, scheme for functional, both for simple and creating DSLs). Or ...
user avatar
1 vote

Need review of course content: Javascript History and Capabilities

I think this answer is the second derivative. Maybe it depends on who are you are targeting with the course. If it's someone who is just graduating from using a browser to writing something in the ...
user avatar
1 vote

How can you efficiently assess students web coding?

Assessing web dev courses at scale can be tricky because you have to consider the following: ensure that the resulting web app looks as expected all functionalities should work as expected with the ...
user avatar
1 vote

JavaScript to teach Theoretical Computer Science

One interesting idea might be to ask your student to try re-implementing different parts of the web ecosystem, which would naturally involve using JavaScript. For example, one project might be to ...
user avatar
  • 3,995
1 vote

Best Way to Explain Distinction Between Void vs. Return Functions in JavaScript

A function to perform a procedure often has a void return type. For example: function foo(a, b, s) { // tell sphero s to go one direction a, another b } You ...
user avatar
  • 2,259

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