SYEP Bronx International Robotics
Introduction to project:
Week 2 -
Monday 7/13/2026
Using Ai create a page with multiple pages using a similar prompt to the following:
Option 1:
I want 3 links for each planet (3different websites that have information for each) I will create 3 different HTML documents here is my home page. Give me the code for all 3 on separate boxes
Copy and past your HTML, CSS and Js into the prompt
Option 2:
I want to make each bottom interactive and it should lead to a page that has information for that page (example earth, mars, saturn) it should all be working in one html, css and Js files
Copy and past your HTML, CSS and Js into the prompt
Continue to work on your SYEP portfolio and update the descriptions of each project we have done so far!
Tuesday 7/14/2026
What is HTML, CSS and JS?
HTML is a programing language (Hyper Text Markup Language)
CSS is also a programing language design to work with HTML, it only works when connected to it. (Cascading Style Sheet)
JS is a programing language that is used for web, it can work on it's own or together with HTML and CSS. (Java Script)
Basics of Web Design: all websites work with a number of files, HTML, CSS and JS files. HTML files are the main files and that houses and connects all other files. This is where the text, links, images and most of the overall content exists.
Tags: these are the way in which code is created in HTML most of them use these symbols; < and > as well as /
Example of HTML
Basic HTML website would be:
<!DOCTYPE html>
<html>
<head>
<title>HTML Tutorial</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Link to an external link
<a href=”https://www.w3schools.com”>This is a link</a>
This is how you link to a local HTML file (root directory)
<a href=”contact.html”>Contact me</a>
This is how you link an image to an image on the root directory
<img src=”img_girl.jpg”>
Notice that the <img> tag is self closing! and that src=”” has a space before it, the source of the image goes between the “”
Link an image in a folder named “images” on your root directory
<img src=”images/girl.jpg”>
Important Metadata: <link rel=“stylesheet” href=“style.css”>
Creating with VS studio Code! Agentic Ai projects
With your Github account log in and verify your student account
https://github.com/education/students
make sure that your computer has VS studio code if it doesn't download and let me know to install it https://code.visualstudio.com/
You can create a repository in github to save your files, 1 project at a time!
If you want to create a github website follow the steps in this guide https://docs.github.com/en/pages/quickstart
3 files you need are
index.html
styles.css
script.js
after these you can name any other html anything you want except for home.html or index.html
Update portfolio with your link from github and a description of how you improved it using agentic Ai
Wednesday 7/15/2026
Publishing our projects and posting them in Star dance
You need to first make an account in star dance https://stardance.hackclub.com/
in order to make your github website a website that works all of the time you need to follow this guide: https://docs.github.com/en/pages/quickstart
Another way is to transfer your website into a FTP server which requires a username and password. Ask Mr. Victor to help you with this, the password for all of these accounts will be: ROBOTICS@bxihs2026
To log into the server you will need this
FTP server: victorydesign.net
FTP Username: username@portfolio.victorydesign.net
Password: ROBOTICS@bxihs2026
FTP & explicit FTPS port: 21
To access the server go to this website: https://ftpweb.net/
or https://www.filestash.app/online-ftp-client.html
then upload your files there.
Once you have a permanent URL you will be able to publish your project to star dance.
Thursday 7/16/2026
Publishing our projects and posting them in Star dance if you havent already!
Create and account in https://editor.p5js.org/?version=2.3.0
Use Ai to help you create an interactive game related to your website, or interative experience to add to your website! text it out in p5.js and use Ai to help you add it to your website!
Example Prompts to add interaction to a space website:
Make a game to help my users to learn about planets, that is interactive and easy to play, I can collect points and shoot at asteroids while learning about the galaxy in p5.js. I want this game to be part of my website embedded in home page
in your code space write this to the agent: publish your changes to the github website
Friday 7/17/2026 (Older Youth only)
Log in to Freecodecamp.org and complete at least 3 and a half hours of web design training which can be done here;
https://www.freecodecamp.org/learn/responsive-web-design-v9/
submit the proof by sending over your profile it should look like so https://www.freecodecamp.org/vpinnock
your link should be www.freecodecamp.org/yourusername
Week 1 -
Monday 7/6/2026
Showed and talked about the project in victorydesign.net (Summer project overview) and https://stardance.hackclub.com/ (Optional project overview for 18 or under participants)
Created a google site using sites.google.com
Started learning TinkerCAD going to https://www.tinkercad.com/
If you missed it check out the video and overview of tinkercad here https://ctrltheweb.com/152-2/ Password is: DMD@bxihs
SYEP hour log https://participant.yepsonline.org/
Tuesday 7/7/2026
3D printing the First Project Keychain using Bambu Labs
Creating a SYEP tinkerCAD design using Robotics or SYEP letters (make the design more complex than a keychain)
Create an account at https://www.figma.com and verify Educational Access for Figma https://www.figma.com/education/
Designed a basic App which connected 4 phone screens to eachother as a test
Started developing an app from scratch starting with the idea for the App (something unique) based on other Apps but adding something new!
Wednesday 7/8/2026
Printing second design for SYEP created the day before using Bambu Studio, learned how to collect items from printer and cleaning after each print
Started designing personal Apps with figma, adding images, text and functionality.
Updating our SYEP portfolios witht he work we have been doing in the past 2 days
Learning about Ai use and using tools to create our projects. To use Ai you have to open a new window without an account signed in, you can use chatGPT or a different Ai of your choice
Learning about websites that let you run code for free;
Live Weave https://liveweave.com/ you must create an account to save your work
In the Ai write a prompt that asks "build a website for ...... your topic .... what it should do and look like ..... give me the HTML, CSS and JavScript"
Create a W3 Schools Account https://www.w3schools.com/spaces/index.php
Create a spaces to upload your website https://spaces.w3schools.com/
When creating your space make sure that you are choosing the basic and blank set up. Ensure that the name of your space is unique. If you are getting an error creating your account make it in an incognito window.
Copy and past the information HTML, CSS and JS in the files names. Index.html, styles.css and script.js. It's important that you save and run each of the files. If you do not save and run all the files the website will not work. When you save your website it will have a link which should be the name of your space plus the name of the website like this example; https://bestmangu.w3spaces.com/ there will be an error page you have to hit continue.
Thursday 7/9/2026
Continue to work on projects from the days before.
Start designing a project to submit to https://stardance.hackclub.com/
if you haven't done so sign up by entering your email and find out more about the submission process.
Go to the library at 1pm to learn how to log and submit your hours.
Friday 7/10/2026 (Older Youth only)
Create a Freecodecamp.org account and complete at 3 and a half hours of web design training which can be done here;
https://www.freecodecamp.org/learn/responsive-web-design-v9/
submit the proof by sending over your profile it should look like so https://www.freecodecamp.org/vpinnock