Coder Social home page Coder Social logo

lilian-mahut / webagency-happen Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 0.0 44.08 MB

1st teamworking

Home Page: https://lilian-mahut.github.io/WebAgency-Happen/

HTML 26.64% JavaScript 1.37% CSS 50.08% SCSS 21.91%
html5 scss responsive-web-design javascript toggle-switch carousel-js

webagency-happen's Introduction

#**1er projet fil rouge à Simplon.co**
##Création du site web d'une agence web fictive

####Consignes
● Lisez attentivement toutes les consignes.
● Pensez à créer votre répertoire en début de journée et à envoyer votre travail via git !

Nom du répertoire : Project_fil_rouge
Langage : Shell, HTML, CSS, SASS, Javascript

####Objectif
En équipe de 4, le but sera de concevoir le site de votre agence web.
Les équipes se feront aléatoirement.

Définir un responsable pour :
❏ la gestion du projet (trello, temps, le design, le contenu)
❏ le versionning avec git
❏ le respect du cahier des charge
❏ l’organisation du code

####Fonctionnalitées
❏ Présentation de vos services.
❏ Présentation de vos profils et vos fonctions au sein de l’agence.
❏ Un bouton toggle permettant de changer le thème de la page (background clair ou foncé)
❏ Le thème choisi pourra être enregistrer dans le localStorage pour qu’il soit toujours par
défaut.
❏ Un formulaire de contact
Rendu
❏ Des Wireframes de la conception de votre site qui vous permettront d’avoir une vision claire
et de mieux architecturer votre code.
❏ Un trello avec la méthode Kanban (Todo, Doing, Done)
❏ Un répertoire Github avec une organisation claire de vos commits, chaque personne doit
participer. (git log)
❏ Toutes vos feuilles de styles doivent être validées avec CSS Validator.
Le design doit être un minimum dans l’air du temp, voici un peu d’inspiration pour vous les
développeurs : https://collectui.com/challenges/landing-page , n’hésitez pas à faire de la
veille concurrentielle.

####Contraintes techniques
❏ Un code propre avec une bonne indentation
❏ Utilisation des balises sectionnantes
❏ Utilisation des flexbox
❏ Utilisation de SASS
❏ Site responsive sur tablette et téléphone
❏ Minimum 3 animations avec Javascript selon les évènements écoutés
❏ Un changement de classes css dynamiquement avec du javascript
❏ Utilisation d’une librairie javascript (facultatif)

####Présentation
15 min de présentation par équipe :
❏ 5 min sur votre organisation (trello, veille concurrence, git/github).
❏ 5 min sur la présentation du site.
❏ 5 min sur l’organisation du code.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.