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.
...
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, ...
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 ...
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 ...
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 ...
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 ...
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, ...
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.
...
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 ...
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 ...
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 ...
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 ...
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 ...
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:
...
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 ...
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 ...
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 ...
3
votes
Accepted
How to learn React JS?
I suggest learning through projects and documentation rather than books in this case. React has very good documentation and there are hundreds of thousands of React questions and answers on Stack ...
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 ...
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 ...
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 ...
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....
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 ...
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 ...
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. (...
2
votes
Introductory html, css, javascript online course
Trying to keep up with web development is hard. Every year there are new tools , new frameworks, new way to do things. But surprisingly I find the following Dinosaurs serials Peter Jang wrote in 2017 &...
2
votes
Resource for short jQuery additions to websites
I guess my first thought would be jQuery UI, which is possibly exactly what you are looking for.
A secondary approach (which you should be probably doing in any case) is to make sure that you save ...
2
votes
Resource for short jQuery additions to websites
One possibility is a kind of tabbed layout. It can be implemented with only a few basic tools like hide, show and ...
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 ...
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
...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
javascript × 18html × 5
css × 4
self-learning × 3
secondary-education × 3
resource-request × 2
programming × 2
project × 2
lesson-review × 2
curriculum-design × 1
undergraduate × 1
introductory-lesson × 1
python × 1
assessment × 1
exercises × 1
web-development × 1
language-choice × 1
c × 1
ap-cs-principles × 1
cs-theory × 1
syntax × 1
variables × 1
curriculum-review × 1
robotics × 1
methods × 1