Speeding up videos by 1.25x will improve overall experience. because students can generally listen faster than the instructor can speak in a video. Make sure that you watch videos in 1080p for code clarity.

How to use video lectures

In CMPT 295, we have replaced textbook readings with video lectures. This provides a dynamic, and flexible way of learning. Each slide deck is accompanied by a video lecture that is a slide-by-slide commentary. Videos are not a replacement for class lectures, just like textbooks are not a replacement for class lectures. Videos help with the following:

• Step-by-Step Demonstrations: Many concepts, especially in fields like computer science, are better explained through visual demonstrations or animations that illustrate processes step-by-step.
• Paced Learning: Students can pause, rewind, and replay videos at their own pace, which isn’t possible with live lectures or a static textbook.
• Visual and Auditory Learning: Our videos cater to students who learn better through visual and auditory means, making complex topics more digestible.
• Real-World Applications: Our videos often include real-world examples, hands-on demonstrations, and interactive visuals, bridging the gap between theory and practice.
• Fill Knowledge Gaps: Class discussions may sometimes omit details for brevity. These are included in the videos.

F2F Class Recordings

• Link will be posted if SFU allows us to record the class.

Flipped Lectures

Videos on lectures tagged as PRE are prerequisite material The prerequisites CMPT 125 and 130 are expected to have covered them If material in slides seem unfamiliar to you then you should watch the videos See the syllabus page for which slide decks are tagged as PRE

Week1

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        </ul>
        <div class="amazingcarousel-prev"></div>
        <div class="amazingcarousel-next"></div>
    </div>
    <div class="amazingcarousel-nav"></div>
    <div class="amazingcarousel-engine"><a href="http://amazingcarousel.com">jQuery Image Carousel</a></div>
</div>

Week2

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        </ul>
        <div class="amazingcarousel-prev"></div>
        <div class="amazingcarousel-next"></div>
    </div>
    <div class="amazingcarousel-nav"></div>
    <div class="amazingcarousel-engine"><a href="http://amazingcarousel.com">jQuery Image Carousel</a></div>
</div>

Week3

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        </ul>
        <div class="amazingcarousel-prev"></div>
        <div class="amazingcarousel-next"></div>
    </div>
    <div class="amazingcarousel-nav"></div>
    <div class="amazingcarousel-engine"><a href="http://amazingcarousel.com">jQuery Image Carousel</a></div>
</div>

Week4

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        </ul>
        <div class="amazingcarousel-prev"></div>
        <div class="amazingcarousel-next"></div>
    </div>
    <div class="amazingcarousel-nav"></div>
    <div class="amazingcarousel-engine"><a href="http://amazingcarousel.com">jQuery Image Carousel</a></div>
</div>

Week5

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        </ul>
        <div class="amazingcarousel-prev"></div>
        <div class="amazingcarousel-next"></div>
    </div>
    <div class="amazingcarousel-nav"></div>
    <div class="amazingcarousel-engine"><a href="http://amazingcarousel.com">jQuery Image Carousel</a></div>
</div>

Week6

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        </ul>
        <div class="amazingcarousel-prev"></div>
        <div class="amazingcarousel-next"></div>
    </div>
    <div class="amazingcarousel-nav"></div>
    <div class="amazingcarousel-engine"><a href="http://amazingcarousel.com">jQuery Image Carousel</a></div>
</div>

Week7

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        </ul>
        <div class="amazingcarousel-prev"></div>
        <div class="amazingcarousel-next"></div>
    </div>
    <div class="amazingcarousel-nav"></div>
    <div class="amazingcarousel-engine"><a href="http://amazingcarousel.com">jQuery Image Carousel</a></div>
</div>

Week8

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        </ul>
        <div class="amazingcarousel-prev"></div>
        <div class="amazingcarousel-next"></div>
    </div>
    <div class="amazingcarousel-nav"></div>
    <div class="amazingcarousel-engine"><a href="http://amazingcarousel.com">jQuery Image Carousel</a></div>
</div>

Week9

        </ul>
        <div class="amazingcarousel-prev"></div>
        <div class="amazingcarousel-next"></div>
    </div>
    <div class="amazingcarousel-nav"></div>
    <div class="amazingcarousel-engine"><a href="http://amazingcarousel.com">jQuery Image Carousel</a></div>
</div>

Week10

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        </ul>
        <div class="amazingcarousel-prev"></div>
        <div class="amazingcarousel-next"></div>
    </div>
    <div class="amazingcarousel-nav"></div>
    <div class="amazingcarousel-engine"><a href="http://amazingcarousel.com">jQuery Image Carousel</a></div>
</div>

Week11

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        </ul>
        <div class="amazingcarousel-prev"></div>
        <div class="amazingcarousel-next"></div>
    </div>
    <div class="amazingcarousel-nav"></div>
    <div class="amazingcarousel-engine"><a href="http://amazingcarousel.com">jQuery Image Carousel</a></div>
</div>

Tutorials

Venus

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        </ul>
        <div class="amazingcarousel-prev"></div>
        <div class="amazingcarousel-next"></div>
    </div>
    <div class="amazingcarousel-nav"></div>
    <div class="amazingcarousel-engine"><a href="http://amazingcarousel.com">jQuery Image Carousel</a></div>
</div>

RISCV

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        <li class="amazingcarousel-item">
                <div class="amazingcarousel-item-container">

        </ul>
        <div class="amazingcarousel-prev"></div>
        <div class="amazingcarousel-next"></div>
    </div>
    <div class="amazingcarousel-nav"></div>
    <div class="amazingcarousel-engine"><a href="http://amazingcarousel.com">jQuery Image Carousel</a></div>
</div>