Skip to content

Start Here on Your NextJS/React Journey

Dan Gilleland (NAIT) My name is Dan Gilleland. I began this site in September 2025 as a place to put my ad-hoc resources that support my DMIT-2008 classes.

Why this site instead of the official LMS? Because this is way easier to maintain, and the effort involved in authoring doesn’t need to be hindered by the clunkyness of most LMSes available today.

In the DMIT-2008 course, most of your time will be spent outside of class with some readings and lots of practice with React and NextJS. To be successful in this course, you will need a very solid foundation in the JavaScript Fundamentals. Consider spending additional time early on exploring the material I created for my CPSC-1520 students.

Dan’s CPSC-1520 Resources

Read the Roadmap

Roadmap

Discover what you will be learning and where I’m going to take you as you start your journey into JavaScript.

Read the Roadmap

Use the side-bar site navigation if you know where you want to go. If you are unsure of where to find what you’re looking for, then use the built-in search (Ctrl + k). It’s pretty good, and is part of the Astro Starlight framework this site is built on.

On this site you will find tutorials, how-to guides, references, and explanations. I am applying the Diátaxis framework in organizing and authoring the content on this site. You can view the commit history to see what’s new.

For my students this semester, you can find my teaching schedule online (blank parts of my schedule are taken up with prep, meetings, etc.). I also use an Instructor Workbook for each section to track what we’ve covered and what’s upcoming. Choose the workbook for your section and review the agenda.

Agenda.md

Your classes are on Monday and Tuesday. As students in the Web Design and Development career path, the material you covered in CPSC-1520 is critical for success in the DMIT-2008 course. Check out the Agenda.md file in Dan’s Instructor Workbook:

Instructor Workbook - A01

If you’re one of my students, then you know that I daily reference Student Workbooks. You can add any of these tutorials to your workbook on your own (though I may give guidance on where to put them for in-class lessons). Here’s how you can do that.

  1. First, pick out some tutorial you want to add to your workbook (for example, Querying the DOM).

  2. Choose a place in your workbook. For example, create a query-dom folder under the src folder.

    • Directorydocs/
    • Directorysrc/
      • Directoryquery-dom/ Sample subfolder for your specific tutorial
    • ReadMe.md
  3. Follow the tutorial by creating the file(s) and adding the provided assets.

The student workbooks I assign in class are all based on this template repository, which contains most of the starter kits described in this site.