Abílio Azevedo.

GoLogics Mentoring

Cover Image for GoLogics Mentoring
Abílio Azevedo
Abílio Azevedo

I mentored the 1st GoLogics mentorship of the Superlógica Group. In this mentorship, we follow some of Alura's courses!

First week

We made the Pong game using https://scratch.mit.edu/ and also using Javascript in the editor https://editor.p5js.org/:

Also developing a cart game:

Second week

Third week HTML5 and CSS3 part 3: Working with forms and tables. https://www.alura.com.br/curso-online-html5-css3-formularios-tabelas HTML5 and CSS3 part 4: Advancing CSS. https://www.alura.com.br/curso-online-html5-css3-avancando-css

We continue our website with a form to contact the barbershop.

Fourth week JS on the Web: Manipulate the DOM with JavaScript https://www.alura.com.br/curso-online-javascript-manipulacao-dom EXTRA - Git and Github: Control and share your code https://www.alura.com.br/curso-online-git-github-controle-de-versao

We created a task list using HTML, CSS and manipulating the DOM with JS. Also, we learned how to version our code with GIT.

Final Challenge You will develop a rocket game with p5.js, place it inside an HTML page and upload it to a repository on GITHUB.

GAME:

  • The game must contain a ship (actor) and rockets (enemies)
  • The ship can only fly left and right
  • Rockets can only travel in a straight line
  • The ship must dodge the rockets, if any rocket hits the ship, you LOSE
  • For each rocket that the ship diverts, it must count one point
  • Enemies can spawn anywhere on the X axis, remember to limit the screen width

Extras:

  • Enemies can have random speed Make the ship shoot and when it hits a rocket, destroy it and add a point. To generate some random number use the following function:
  • Math.random() * (maximum - minimum) + minimum Reference: https://www.w3schools.com/js/js_random.asp

Game operation video: https://drive.google.com/file/d/1yN3hFyqR5wsD9J3P_gf1eAY7FKY0u6UC/view?usp=sharing

HTML PAGE: The page will have:

  • a Header with the title of your game
  • the embedded game
  • a Game evaluation form

REPOSITORY: Upload the HTML, CSS code in the GITHUB repository created by you https://github.com/kibolho/GoLogics---HTML-CSS-e-JS

THANK YOU GUYS!!! Turma GoLogics 1

IMG 2841undefined


More posts

Cover Image for Upload to AWS S3 using Django, Boto3 and S3Direct

Upload to AWS S3 using Django, Boto3 and S3Direct

Uploading videos via a React Native mobile app to a bucket on the AWS S3 service using S3 Direct and Boto3 with a pre-signed URL.

Abílio Azevedo
Abílio Azevedo
Cover Image for Factory Health Monitor

Factory Health Monitor

The application is a tool for evaluating the health of various machines in an automobile manufacturing plant. This plant features a range of machines, each with specific data points that you will use to assess the condition of the production process.

Abílio Azevedo
Abílio Azevedo

NewsLetter

I will send the content posted here. No Spam =)

Experienced Software Engineer with degree in Electrical Engineering with over 8 years of hands-on expertise in building robust and scalable mobile, web and backend applications across various projects mainly in the fintech sector. Mobile (React Native), Web (React and Next.JS) and Backend (Node.JS, PHP and DJANGO). My goal is to create products that add value to people. - © 2024, Abílio Azevedo