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 2841


More posts

Cover Image for CI/CD - Lint - Checks

CI/CD - Lint - Checks

Comprehensive guide to continuous integration and continuous delivery. Explains key concepts, tools like GitHub Actions and Drone, benefits of linting, integrating ESLint and Prettier, and using Git hooks for automation.

Abílio Azevedo
Abílio Azevedo
Cover Image for ReWork

ReWork

Unconventional, straight-to-the-point advice on how to run a business. Instead of focusing on fast growth, Rework encourages entrepreneurs to start small, stay agile, and focus on what's essential.

Abílio Azevedo
Abílio Azevedo

NewsLetter

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