yuliya-becode Goto Github PK

404-page

The mission You have to create a new repository called 404-page containing the HTML and CSS required for an error 404 page. Instructions create the repository write an error 404 page in HTML and CSS try to use as much semantical HTML as possible add a back button that redirects to your Github profile change the position of your content on the page commit/push deploy on a Github page Optional add an animation when mousing hover an element

algorithmic

becode

exercises-bootstrap

This challenge will have you play with Bootsrap, specifically its grid system. Create a repository called exercises-bootstrap and follow the instructions below. Exercises Instructions research Bootstrap create the repository with Bootstrap realise the different layouts

getflixproject

In this exercise, we are creating a Streaming site by using HTML / CSS, javascript, and PHP.

javascript

Mission objectives At the end of this challenge you should have improved your: JavaScript skills team skills git conflict skills

js-datavisualisation-challenge

DOM manipulation AJAX/FETCH request Using Third-party libraries problem-solving : design a logical solution to implement the expected result Debugging using the console Understand the notion of "separation of concerns"

js-rpg

This game challenge is testing the knowledge about JavaScript

markdown-warmup-html

At the end of this challenge you should be able to: use basic HTML tags convert MarkDown to HTML

my-cv

Curriculum vitae Type of challenge: learning Duration: 120 min Deployment strategy: Github page Team challenge: solo Learning objectives At the end of this challenge you should be able to: use the CSS grid system The mission You have to make your CV as a website inside a new repository called My-CV. To do so, you should use the grid system of CSS to visually structure your page. Instructions create the repository write your CV in HTML and CSS implement the CSS grid system commit/push deploy on a Github page

php

PHP is a backend programming language that allows for dynamic pages. These learning track tasks havebeen prepared by BeCode.

responsive-web-design

1. Change the colour Create a HTML file and a CSS file. Make it so the background color of Body is red when the width of the viewport is smaller than 300px, green when the viewport width is bigger than 300px and smaller than 768px, and blue when the viewport is bigger than 768px. 2. Display / hide elements Add three div: one div with the id="small", one div with the id="medium", another div with the id="large". In each element add the word small, medium and large to its content for display purposes. Make it so only one DIV is displayed, according to the width of the current viewport. 3. Adapt the size of the text according to the device In each DIV, add a title and a few paragraphs (lorem ipsum, and such). Give the title a descriptive text (for example: "Content for smartphones") Change the font size according to the device type. 4. Re-Arrange Make it so that : if small, the 3 divs are stacked on top of one and other. if medium, the first div takes 2/3 of width, the second 1/3 of width and the third the full width. if big, the 3 divs should be next to one and other.

restaurant-css-framework

Restaurant

star-wars-crawl

Star Wars The mission Ever seen the Star Wars intro? Well, you’re gonna have to make one in groups of two. Create a repository called Star-Wars-Crawl with an index.html and a style.css. Instructions First version create the repository write the website base structure the introduction text is A long time ago use lorem ipsum for the core text add stars to the background change the introduction text to blue center the content on the page commit/push Second version incline the content (hint: 3D rotation) automatically scroll the content (hint: animation, @keyframe, transform) commit/push Final version replace the Star Wars logo by the BeCode logo personalise the text to tell your BeCode story so far commit/push deploy on a Github page

tim-berners-lee

Mission objectives Make a page on Tim Berners-Lee Understand the principles of HTML and CSS Present your page and code

vcard

Vcard