Skip to content

01-BasicLayout-IntroJS.md

Latest commit

 

History

History
65 lines (51 loc) · 4.52 KB

01-BasicLayout-IntroJS.md

File metadata and controls

65 lines (51 loc) · 4.52 KB

Step 1. Basic Layout - Introduction to JS

Guideline

  • Ask your coordinator for a detailed description of the step content before setting a deadline.

  • For each study item and each task, you should post an update to LinkedIn, Twitter, and Telegram using the following hashtags: #cs_internship #[courseName] #[stepNumber]

  • At the end of each week, you are supposed to give your coordinator a report including the following items:

    1. Links to all your posts during the last week specifying the relevant task or study item for each link, and also mention the exact date that each one of them were posted.
    2. How many hours did you spend on cs_internship last week?
    3. What percentage are you satisfied with what you did last week?

    You will have a session with a technical mentor based on your report.

Study Items

  1. W3Schools HTML
  2. W3Schools CSS
  3. Css Reference (Study these collections: Box model, flex, grid, positioning, transition)
  4. Don't fear the internet - Layout
  5. YDKJS, Chapter Book 1: Intro Programming
  6. How To Make Websites Using HTML & CSS
  7. Git and Github quick introduction
  8. Git Handbook
  9. How to use Git and Github
  10. AI is the new electricity and will transform and improve nearly all areas of human lives. To begin exploring the profound impact of large language models (LLMs) on society and software development, start by watching these two videos as a starting point. For the latest perspectives, it's also highly recommended to check out the most recently published videos on this topic.

Tasks

  1. Create a GitHub account.
  2. Create a Stack Overflow account.
  3. Create a JSFiddle.net account.
  4. Create a TypingClub.com account.
  5. Download and Install the latest versions of VS Code.
  6. Implement a calculator layout exactly like the Windows 10 calculator in maximum size (Standard mode):
    • Create it unresponsive but resizable (a resizable view is a view that can tolerate resizing from desktop view to tablet view):
    • Create it without using any library.
    • Create it based on these images and this video.
    • Use your GitHub as your source control.
    • Publish it on your JSFiddle account.
  7. Pass all lessons on TypingClub.com with 5 stars up to lesson 88.
  8. Achieve the Autobiographer badge on Stack Overflow.
  9. Achieve the Informed badge on Stack Overflow.
  10. Find at least 5 extra useful online resources for HTML/CSS. Then explain why you chose them.
  11. Find at least 5 extra useful online resources for Git/Github. Then explain why you chose them.
  12. Exactly 7 days before your deadline, ask your coordinator to schedule a live presentation session for you on your deadline day.
  13. Hold your step presentation on LinkedIn. Guidelines on how to present are provided on this page.

Mentors Training

In the mentoring training path, you should watch the "third" and "fourth" videos out of the 8 videos for the "Communication Training" course. Here are the links:

To complete this section, please follow the instructions provided on this page.