Unité 02 CSS et Bootstrap devoirs: Portfolio réactif
La conception réactive garantit que les applications Web rendent bien sur une variété d'appareils et de tailles de fenêtre ou d'écran. En tant que développeur, il vous sera probablement demandé de créer une application mobile d'abord ou d'ajouter une conception réactive à une application existante.
Instructions
- Utilisez le framework Bootstrap CSS pour créer un portefeuille réactif mobile. Comment livrez-vous cela?
- Créez les fichiers de fichiers suivants:
- À l'aide de bootstrap, développez votre site de portefeuille avec les éléments suivants a. Un Navbar b. Une disposition réactive c. Images réactives Le portefeuille bootstrap devrait minimiser l'utilisation des requêtes multimédias.
Indices
- Utilisez le système de grille de bootstrap (conteneurs, lignes et colonnes).
- Sur un écran
xs , le contenu doit prendre tout l'écran. Sur sm et les écrans plus grands, vous devriez avoir des marges sur les côtés gauche et droit de l'écran. Consultez divers sites sur votre appareil mobile par rapport à votre ordinateur pour voir des exemples de ces différences.
- Utilisez un service de validation HTML pour vous assurer que chaque page a un HTML valide. Extra petit <576px Small ≥576px milieu ≥768px grand ≥992px Extra large ≥1200px .Container 100% 540px 720px 960px 1140px .Container-SM 100% 540px 720px 960px 1140px .Container-lg 100% 100% 100% 960px 1140px .Container-xl 100% 100% 100% 100% 1140px .Container-flui-flui-100% 100% 100% 100% 100%
Exigences minimales
o APPLICATION FONCTIONNELLE ET LEPLOGE OU REPOSTOIRE GITHUB AVEC LA README Décrivant le projet O Navbar doit être cohérent sur chaque page. o Navbar sur chaque page doit contenir des liens vers des pages à domicile / à peu près, à contacter et à portefeuille. o Tous les liens doivent fonctionner. O doit utiliser HTML sémantique. o Chaque page doit avoir un HTML valide et correct. (Utilisez un service de validation) o Doit contenir vos informations personnalisées. (Bio, nom, images, liens vers les médias sociaux, etc.) O doit utiliser correctement les composants de bootstrap et le système de grille.
Prime
- À l'aide de bootstrap, faites un pied de page collant et utilisez des sous-lignes et des sous-colonnes sur votre site de portefeuille ( indice: consultez la documentation Bootstrap).
Engager tôt et souvent
- L'une des compétences les plus importantes à maîtriser en tant que développeur Web est le contrôle de version. Il est important de prendre l'habitude de s'engager via Git pour deux raisons: votre histoire de validation
- est un signal aux employeurs que vous travaillez activement sur des projets et que vous apprenez de nouvelles compétences.
- Vous permet de retourner votre base de code dans le cas où vous devez revenir à un état précédent.
Suivez ces directives pour commettre:
- Faites des engagements à usage unique pour des modifications connexes pour assurer une histoire propre et gérable. Si vous résolvez deux problèmes, faites deux commits.
- Écrivez des messages de validation descriptifs et significatifs afin que vous et quiconque regardez votre référentiel puisse facilement comprendre son historique.
- Ne commettez pas un travail à moitié fait, pour le bien de vos collaborateurs (et de votre avenir!).
- Testez votre application avant de vous engager à assurer la fonctionnalité à chaque étape du processus de développement.
Nous aimerions que vous ayez bien plus de 200 engagements par diplôme, alors engagez-vous tôt et souvent!
Soumission sur BCS
Vous devez soumettre ce qui suit:
- Les URL des applications déployées cela signifie-t-elle simplement l'URL pour chaque fichier HTML?
- Les URL des référentiels GitHub
- Des captures d'écran sont fournies comme référence dans le dossier
Assets/Images . Votre application n'a pas besoin d'être exactement comme les images. Utilisez Bootstrap pour créer une disposition similaire et réactive.
C: Users Jonpc Google Drive bootcamp unc-chh-fsf-pt-03-2020-UC Mathcodes.github.io Homework Homework2 Readme.md
