simplified-coding/simplified-coding

Files for the simplified coding website

This is the Simplified Coding website!

Welcome! Here you'll find all the files for our website. Feel free to play around and make Simplified Coding yours!

Where can I find the lessons?

We keep our lessons in an MDX format. You can find them and /src/pages/lessons/THE_LESSON_YOU_WANT.

Is this under copyright?

Simplified Coding is all about free software. You can use our software for free, which is under the GNU General Public License Version 3 (And above). We have stored it at /LICENSE

I found a security issue! Where do I report it?

You can report all security vulnerabilities on GitHub. You can learn more about our security policy, which is at SECURITY.md.

Cool! What is Simplified Coding... made of?

Simplified Coding used to be more... Simple. The first version of the website was just plain HTML and CSS. Now we have evolved it and the base of our page is Astro. Also, our lessons are in MDX, we use Bootstrap as a CSS framework, and we use Vercel to deploy changes to the site. We also use codemirror as our editor for the website and Pyodide for Python.

Oh and... one more question. Why is your GitHub in English but the website in Greek?

Well, we are all based in Greece and our goal is to bring coding to Greek students. English coding content is overwhelming so there is no point in making another coding source in English. We choose to use English in GitHub so everyone can see our work, even if they don't fully understand the content.

simplified-coding's Issues

Improve website on mobile

Our website isn't looking too good on mobile. Many issues occur that worsen the experience of users who get into the website for the first time using their phones. Some of these issues include:

• Icons in the navbar not fitting in
• A bug where a dark box appears on the right of the screen
• The lesson cards on a course page are way too thin
• Cards are stuck on the sides of the screen

This does NOT include the Simplified Coding editor, as it is only usable on a desktop.

Tasks

Beta Give feedback

1. Icons in the navbar not fitting in
2. A bug where a dark box appears on the right of the screen
3. The lesson cards on a course page are way too thin
4. Cards are stuck on the sides of the screen

Git & GitHub course

Logo does not display on some pages

Save user's progress in a course

A lot of learning websites save the user's progress in a course they are going through. That is much easier than remembering the lesson they left off. This feature does require the usage of cookies. Simplified Coding is a privacy-first project, and we will not save these cookies on any database. The cookies will only remain in the user's browser. There will be an option to select if the user wishes to use or not to use the cookies.

[OVERHAUL] Included Editor

The website should feature a working editor

Logo overlapses with other elements

This has been observed in the following lessons:

• Python Lessons 3 to 9, Presentations
• Python Lessons 5 to 9, Quizzes

Add Arduino course on the courses page

[OVERHAUL] New Homepage

A new homepage for the website is needed.
The design must closely resemble the Figma design

Add Lesson 5

HTML Course Lesson 2

1. Double line between body and head
2. p is missing

Tasks

Beta Give feedback

1. Double line between body and head

Tasks

Beta Give feedback

No tasks being tracked yet.

Create roadmap-like interface

The current interface of Simplified Coding divides its courses in 3 directions. Basic Computer Programming, Web Development, and Robotics. However, with the addition of new courses, that system might turn out to be dysfunctional. That is why we will be creating a roadmap-like interface, similar to the interface of the well-known roadmap.sh website. The first modules will include our Basic Computer Programming Terms and Basic Computer Concepts. The next will be divided into the current directions. That will result in a more clear pathway for users to follow.

Add recommended projects after each lesson

[OVERHAUL] Polish HTML Course

[OVERHAUL] All Python lessons should be converted to Markdown

All python .pptx lessons should be converted to .mdx

Add "Next Lesson" on every lesson

[OVERHAUL] New Lessons page

A new lessons page that includes all of the lessons must be created that resembles the Figma design

Stylling error in Python, Lesson 2, Presentation

Basic Programming Terms course

Most users who are starting in programming probably don't know terms like Code editor, IDE, or file extension for Python files. That's why we could create a course to introduce users to these terms. It would be an introductory course that users should follow before any other.

Notes:

1. Thanks to @Devnol for bringing this issue to my attention
2. This is still a topic for discussion and may change

Tasks

Beta Give feedback

No tasks being tracked yet.

Publish Lesson 6

Review all courses

We should get through all of our courses, and make changes and corrections.

Tasks

Beta Give feedback

1. HTML
2. CSS
3. Python
4. Arduino

License notice does not render correctly

Pages affected:

/index.html
/Python/index.html
/HTML/index.html

Simplified Coding logo not centered

[OVERHAUL] New about page

A new about page is needed that must closely resemble the Figma design

Publish Lesson 4

Move donations to footer

The Simplified Coding Team has agreed that the donations are invasive in their position on the homepage. That is why we will be moving it to the footer with a discrete icon asking for donations. That button will redirect to Hack Club Bank's donation page.

Tasks

Beta Give feedback

1. Remove element
2. Add to footer donate icon
3. Add link

Add the logo banner on the top of the website instead of the name of the website

Add Lesson 6

Polishing computer basic course

[OVERHAUL] Lessons Page per Language

A lessons page should be created for each programming language we support

[OVERHAUL] Create about page

Create about page as per Figma

Basic Computer Concepts course

This course will help users to understand basic Computer Concepts that many of us take for granted. Concepts like, file systems, browsers, the internet, and more. This course will be very useful to people who know how to operate a computer, but aren't familiar with concepts and terms that are essential to learning Computer Programming

Create final assignments and issue certificates

Some sites offer certificates after completing a course or/and passing an assignment for a price. Simplified Coding is free, and it will stay that way forever. We will create these assignments using the @Test-Wiz platform, review them, issue certificates, and create an open database available to everyone to verify the authenticity of the certificate and the certificate holder. More details will be available when the team has discussed the test-taking format.

Tasks

Beta Give feedback

1. Create certificate
2. Add fields
3. Sign
4. Send email
5. Lookup Form
6. Lookup API
7. Generate Certificate
8. Generate API
9. Revoke Certificate
10. Revoke API
11. Automatic Limit > Perma

Publish Lesson 3

Wrong slide for Lesson 4

Create Operating Systems course

Simplified Coding has courses on Web Development, Programming Fundamentals, and Robotics. We should also invest in courses for Windows and Linux. How to use each OS and some tips and tricks to get the most out of each system. The Windows course will be focused on people who wish to learn how to use their computer and some tricks to boost their productivity, while Linux will be focused on long-time Windows and Mac users, who have some good knowledge of their computer and want to try something more challenging. We will be avoiding creating a Mac OS course, as our team does not own any Mac systems and think that Mac OS isn't suitable.

[TODO] Split into lessons | Roadmap

Tasks

Beta Give feedback

No tasks being tracked yet.

Logo in Python and HTML course pages is on the right

[OVERHAUL] Create an Arduino course

Tasks

Beta Give feedback

1. Lesson 1
2. Lesson 2
3. Lesson 3
4. Lesson 4
5. Lesson 5
6. Lesson 6

Lessons for usage of online and local code editors

Tasks

Beta Give feedback

1. Online
2. Local

[OVERHAUL] Polish JavaScript Course

Raspberry Pi Course

Improve desktop PageSpeed Insights score

For the analysis, click here

Website logo not appearing

[OVERHAUL] Create CSS lessons

Create CSS Lessons

The Future

Add C++ Course

This isn't very important.
I want it to be ready until October.

Tasks

Beta Give feedback

1. Basic operations
2. Math
3. Variables
4. If statements
5. Switch statements
6. While loops
7. For loops
8. Arrays
9. Structures
10. References and pointers
11. Functions

[OVERHAUL] Create a Javascript course

[OVERHAUL] Wrong README

Describe the bug
The README from the main branch was not pushed in the overhaul branch

To Reproduce
Steps to reproduce the behavior:

1. Go to 'overhaul branch'

Expected behavior
The README from the original branch

[OVERHAUL] Create news page

Create news page as per Figma

[OVERHAUL] Polish CSS Course

[OVERHAUL] Transfer all of the HTML lessons to Markdown

All html lessons from .pptx to .mdx