¿Qué es lo que él hace? Jun 12, 2019 · Hey everyone, i just completed my portfolio website. En las siguientes secciones, se describirán los distintos paso para crear la aplicación de portfolio pero no es necesario usar el mismo código que yo uso. The freeCodeCamp Forum freeCodeCamp Challenge Guide: Build a Personal Portfolio Webpage Apr 22, 2022 · Github has “repositories”. navbar-toggler-icon. But I do have them. Please take a look and any feedback and suggestions are much appreciated. So to do that, hold Shift and one and then click enter. brandon_wallace April 13, 2019, 2:31pm 2 Mar 11, 2017 · Let’s look through the user stories. Quincy Larson. Rey seems to have chosen a less creative approach in favour of really nailing the fundamentals of a good-quality portfolio site. But I have one in my CSS and it is working: @media only screen and (max-width: 600px) {. If you browse something like r/webdev and search "portfolio" let me tell you what you're going to see if you click 90% of those portfolios and look at projects. I work in ATX for IBM Design and always love conversation with the web design community. Nov 21, 2022 · I suggest you copy the code over to codepen ( a website that lets you work on html and css development). You can view it here. You will need to take an additional step here so the code you wrote presents in an easy to read format. That isn’t to say popular frameworks aren’t any good, after-all I used bootstrap 4 in my project, just be careful of where it works and doesn’t work. I assume it’s because their is a min-width for the navbar. Aug 24, 2022 · In this video, I will show you guys how to build the Free Code Camp Personal Portfolio Web Page Project for the Responsive Web Design Certificate. Clarity is key in Rey's portfolio. May 3, 2022 · Today you're going to create one of the most important apps you can build for yourself: your developer portfolio. io version. It needs to and the #navbar element’s properties need to have the positioning as the test requires. Any feedback on design, layout, functionality, color palette, etc. freecodecamp. Jul 9, 2018 · Hey, Thank you very much. Hello and welcome to the freeCodeCamp community~! If you are building your portfolio on CodePen, you’re unfortunately rather limited in your options. See this thread. You signed out in another tab or window. I tried to replicate my tribute page to be similar to the freeCodeCamp's personal portfolio webpage example. Mar 23, 2023 · If you were working in your own personal computer you could create a png file and link it using relative path. freeCodeCamp. In this course, you will learn: Watch the full course below or on the freeCodeCamp. Oct 20, 2023 · Tell us what’s happening: Your code so far WARNING The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge. Please do take a look at my site and let me know if you have any feedback. While holding down the Ctrl key, scroll your middle mouse button to increase the text size. I hope this helps you. youtu Jun 10, 2022 · 7. Course created by @Smoljames ⭐️ Resources ⭐️🔗 Github repository - https://g Aug 28, 2017 · Creating website clones is a fantastic way to practice and learn new stuff, and it won’t hurt if you add the best 1-2 clones to your portfolio. I am especially interested in feedback regarding best practice, naming conventions and efficient code. io) only allows the use of custom assets, images in this case; as a "pro" (paid) feature. io, which allows you to create web links of images that last for 30 days. terminal(commands); The string 'body' indicates the CSS selector where terminal should be created. It’s up to you how you present yourself to potential recruiting companies and recruiters. Sep 22, 2020 · DevFolio - A developer portfolio website template. Anyway, I did all of the steps, but when I pressed Ctrl+Enter, it said I hadn’t done a media query. Responsive Web Design. In this project we learn about color Jul 29, 2016 · Please let me know if there are any errors. Mar 17, 2022 · Okay, and then it's going to generate a style css file here. Dec 1, 2020 · Pero no tiene por qué ser así. navbar-toggler-icon) and value !important but with no result. It’s similar. Just search google for Font Awesome CDN and the first link that shows up (cdnjs) and just copy, paste and it should show up. achaljhawar September 22, 2020, 11:09am 1. However, there is a website called snipboard. You can create a completely blank certification project and still complete all of the steps, I’ve found. Using Svelte with GraphCMS means you can control the adding and removing of content on your site without the need to push any changes to Git. This is where we will introduce ourselves and put a picture of ourselves. Younes December 5, 2017, 12:44am 15. Rickard February 15, 2021, 5:17pm 1. This repository exists due to the fact that FreeCodeCamp. I have been learning Front-end from quite sometime now and I Apr 23, 2018 · It’s also the reason why I redid my portfolio three times already. CodePen only offers asset hosting (uploading images) for Pro members - on the free tier, you’d need to use a separate image host and insert the image as Learn to Code — For Free freeCodeCamp is a donor-supported tax-exempt 501(c)(3) charity organization (United States Federal Tax Identification Number: 82-0779546) Our mission: to help people learn to code for free. For the moment we can just fill it all in with “Lorem ipsum” text as a placeholder, until you're ready to fill it in with Jan 27, 2024 · FreeCodeCamp: FreeCodeCamp offers a structured curriculum with interactive lessons and projects covering HTML, CSS, JavaScript, and more. Jan 14, 2020 · Hey guys, I have created a portfolio website using HTML and CSS and deployed to netlify. Once copied into a pen, you can use the format option to help fix the readability issues and share the link to the pen here for people to review the code as well. freeCodeCamp knows this advise, and they make it compulsory to create one to finish their “Responsive Web Design” Certification. Matt Farley. Feb 7, 2022 · 2. The code is also on GitHub. I love to design the site as much as I love building it in code. I would appreciate som feedback on my fictional portfolio. Learning to describe problems is hard, but it is an important part of learning how to code. FreeCodeCamp. So let's go to the index and generate HTML boilerplate. Jun 7, 2019 · For a portfolio, I’d suggest Optima or Avenir. Oct 14, 2019 · Web Developer is too generic, 'remember most views are on MOBILE. I have tried different combinations but it seems like I am still missing out on something. Certification project - building a Personal Portfolio Webpage in freeCodeCamp. You can apply CSS to your Pen from any stylesheet on the web. It requires me to pay it. Portfolio. Here we use 'body' so the terminal will be the only thing on the page. I had, however. I am doing the freeCodeCamp curriculum and a personal portfolio is one of the Responsive Web Design Projects using only HTML/CSS. Next up is the Intro section of the portfolio. When you apply for developer jobs, you will want to have as strong a portfolio as possible. 1. I see that freecodecamp has used codepen for their tribute page. We are not here to give you answers. Find over 100+ of the best free portfolio background images. There cannot be two the same. vladik October 31, 2023, 12:47pm 1. Please help me I need to pass by today so that I can get my certificate. What I need advice on is: Do the projects on my portfolio stand out as “job ready”, if not what projects could I add? Should I tweak Oct 31, 2023 · The freeCodeCamp Forum Build a Personal Portfolio Webpage. Your code so far See the Pen Free Code Camp: Personal Portfolio… Aug 30, 2018 · How to Create a Portfolio Website. Thanks for your time! Aug 18, 2021 · Instead of sending your CV and asking a recruiter to have a look, a portfolio website can help you stand out by directly showcasing your skills, projects, education, and your personal brand. Dec 28, 2020 · I am in my last semester of university and am hoping to get a job or internship that leads to a job by May 2021 (when I graduate). This current file will represent my web application. It was working, and I put an img tag for a picture, but decided not to put it in and when I deleted it, the alignment got all messed up. What is causing it to not detect the . The website is built from HTML, CSS, and a little bit of JS. Lo próximo que sigue esta dividido en tres secciones: Preparando React-app. I have tried to change: . css URL Extension) and we'll pull the CSS from that Pen and include it. Great! Just one page! This should just be a simple page with different sections stacked one on top of each other, different sections like about, portfolio, and contact. Now run npm create-react-app ${project-name} which will fetch build scripts and create a file-structure which will look like this. ca. Set breakpoints, step-in, inspect variables and more. It’s the first time I got so fast response on my project – FreeCodeCamp community actually seems to work. S. The replies there might add to the help you need to pass this challenge. Any feedbacks and suggestions will be appreciated, thank you. You can also use the “preformatted text” tool in the editor ( </>) to add backticks around text. Consider Your Niche: Ensure your domain name aligns with the type of work showcased on your portfolio. Impressive! Simple! Elegant! That's how I would describe the portfolio we are making today. Even with span infront (span. org LinkedIn Send an email * <!DOCTYPE html> Norma's Portfolio <l About HTML Preprocessors. Being able to accurately convert a design to a fully functional webpage is a skill every frontend developer should have. The Visual Studio Code editor includes browser debugging support. Hi, i want to share some helpful sites with you. bbsmooth February 15, 2021, 5:30pm 2. 1 Like. hudsontaylor July 29, 2016, 5:23pm 1. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Mar 1, 2024 · HTML-CSS. You switched accounts on another tab or window. The course covers topics such as switching between sections, creating header content, designing about, portfolios, blogs sections, and implementing media queries. Then on the first line below the three back ticks paste in your code. Part of the Responsive Web Design Certification. I am looking for a free website where I can upload my tribute page so that I can attach the link to this portfolio that I’m building. I mean for example when you reduce the width of the freecodecamp forum’s page at a certain point u can’t reduce it further. Apr 29, 2024 · To create a basic terminal you need to put in this code: const commands = {}; const term = $('body'). The height of the welcome section should be equal to the height of the viewport. Jun 21, 2021 · First of all, we're going to create some dedicated state for each of the values that are typed in the form for name, email, and message: const [name, setName] = React. mattfarley. Tell us what’s happening: I have all tests passing except: #Layout - 2. 5 hour watch). I have been sending out the website I attached below, and a polished resume that I tailored towards strictly web development. com/coachingplans Having a hard time with CS50, FreeCodeCamp or Odin Project? Pra Dec 20, 2023 · When you enter a code, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read. Using Firefox, go to the View -> Zoom menu and activate ‘Zoom Text Only’. A portfolio of up to 3 websites you’ve built, with a link and a Download the perfect portfolio background pictures. You will learn how to setup a contact form and include a map. Cody_Biggs May 15, 2024, Jul 19, 2022 · bbsmooth July 23, 2022, 6:26am 6. I have helped my husband’s business as an occasional technical recruiter, helping with website content, and also Mar 26, 2021 · Code Feedback. Please copy/paste all the editor code showing in the challenge from where you You signed in with another tab or window. The result is my portfolio website. Git is a distributed version control system, a program used to track changes to text files in a folder, designed to work in a distributed way, so a team working on a codebase can make sure that when one person makes some changes it doesn’t just break Nov 17, 2022 · apotterdd November 18, 2022, 11:06am 3. Feb 8, 2021 · Recommended technology: For beginners, I'd recommend using HTML, CSS and vanilla JavaScript to build a portfolio, especially if it's the first time. Line 3: __name__ means this current file. To display your code in here you need to wrap it in triple back ticks. I have made this portfolio website. com's preferred online webpage host (codepen. Each course has a series of challenges where you will learn the Aug 7, 2023 · Pasemos al código. useState (""); We will store what the user types in to each of the inputs in Sep 18, 2023 · Please tell us what the problem is in your own words. Mar 26, 2023 · Ok let’s be polite please. HTML-CSS. [ The post is 3-months old but I’m going to reply anyway! You’ve probably already found a job!] I’m starting to work on some clones as well. js Axios, the GitHub REST API, and Netlify. Shift, hold Shift, one, enter. Links to your Twitter feed, LinkedIn profile, CodePen projects, CoderByte badges and Github account. In this case, it will be main. Failed:Your #navbar element should always be at the top of the viewport. A list of which Free Code Camp challenges you’ve completed, and when. font-size: 20px; This course teaches how to build a portfolio website using JavaScript, HTML, and CSS to enhance frontend development skills. WARNING The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge. I think some things Sep 14, 2022 · I’m trying to make my portfolio website. Mar 29, 2022 · You will learn how to build a great looking website using React, GreenSock, Animate. On a line by itself type three back ticks. I have a background in art and design, and I’m really most interested in web design and user experience. Jan 6, 2022 · We will build a fully-featured portfolio and blog with the framework that took the top spot for most loved framework on the Stack Overflow developer survey in 2021 – Svelte. Mar 22, 2024 · Include Keywords: If possible, incorporate relevant keywords related to your industry or profession. I’m still getting back to late requests for portfolio reviews. Free for commercial use No attribution required Jul 17, 2023 · Tell us what’s happening: Describe your issue in detail here. We will use Vue. ️ Slobodan developed this course: https://www. Your code so far Feb 18, 2020 · Kevin has taught tens of thousands of people web development through his YouTube channel and online courses. Also, all of the portfolios in my opening image asked for the review publicly, and scored highly! For further information: Feel free to contact me by the comments, email, or @seejamescode. useState (""); const [message, setMessage] = React. Apr 6, 2018 · Hi, Johnny! Thanks a ton for the review and kind words about my development. You can take charge and be inventive. Try using it to create a url for your image, and use that as the src attribute. That’s too kind . Sep 13, 2022 · It’s much easier to build your website with a mobile-first approach than to work backwards from a desktop design. Build an online portfolio. Okay, so I'm going to I'm going to name this portfolio. To watch the interactive version of the course, visit the original Scrimba cour 👨‍💻 Learn How to Code with Private Classes - https://www. In the end, we add a section about the main skills/services we can do. Ecila August 29, 2023, 10:29am 1. Hello, this last couple of weeks I have been playing around with framer motion, a reactJs library for orchestrating complex CSS animations. zeegoof March 26, 2021, 3:57pm 1. Aug 27, 2021 · The basic syntax of a media query looks like this: @media screen and (max-width: 720px) { /*CSS codes go here*/ } This tells the browser to execute the CSS code written within the media query when the screen width is below a 720 pixel breakpoint. Line 1: Here we are importing the Flask module and creating a Flask web server from the Flask module. ayush1810 October 11, 2016, 6:08am 1. Fortunately, web developer Stewart Hines has put a lot of thought into what makes an effective portfolio website. ConstantDiv March 1, 2024, 10:52pm 1. freeCodeCamp is a free online interactive learning platform where you can learn web development and earn certifications along the way. If you're just starting out as a front-end developer, you don't have to have every piece of your portfolio be a client project. Aug 29, 2023 · HTML-CSS. Pre-formatted-text1356×380 401 KB. The freeCodeCamp Forum Portfolio Website. The freeCodeCamp Forum Portfolio Website feedback ^_^ Code May 14, 2022 · Your css doesn’t contain #navbar. You can use your portfolio to showcase your projects, your education, share re-usable code snippets with the world, provide helpful resources, and write Mar 29, 2019 · Go to the console and run npm install create-react-app to install this module via npm (make sure that you have installed npm before using it — follow this link for more info). May 15, 2024 · Personal Portfolio Webpage - Build a Personal Portfolio Webpage. (Y si quieres más orientación para construir tu portafolio, mira aquí ). But it doesn't have to be full screen. Feb 15, 2021 · Code Feedback. Code Feedback. system Closed November 10, 2022, 1:50pm 3. I decided I wasn’t going to finish it right now, so I completed all of the steps quickly. These issues have me stumped: For some reason the back arrow doesn’t work The Sass icon is spaced further away from the others and I can’t figure out why The 3rd mouse scroll option is acting weird Can’t figure out why the “Hello” appears in a different font when put in Codepen, but you can ignore that. ”. I am yet to make my resume, I literally have no experience as I am a stay-at-home mom for the past five years. LeetCode: If you’re interested in improving your problem-solving skills and algorithmic thinking, LeetCode Dec 9, 2022 · Build a Personal Portfolio | FreeCodeCamp. You could try placing a different number at the end of each one. You just have to make the page look good for all reasonable sizes. py. New replies are no longer allowed. HTML preprocessors can make writing HTML more powerful or convenient. Every React developer or web developer in general needs to be able to show off what they can do to any potential client or employer. May 2, 2020 · bbsmooth May 2, 2020, 9:49pm 10. I would appreciate some constructive criticism. just put font-family:monospace; inside the body tag and all the text will be styled. This course will teach you to build and deploy a neat portfolio for yourself. Final Project body { background-color: #B9D9EB; } . You don’t need to call the font in every single tag. Hello, As I add more code to my page my background Sep 12, 2023 · Hello! id attributes have to be different. Feb 4, 2023 · Hi Everyone! I feel stuck with my last point of this assignment which is fixing the navbar on the top of the viewport. Mar 20, 2019 · For someone who is trying to break into software development, it doesn’t matter where you look — LinkedIn, career advice boards, youtube tutorials — the advice is always the same: you need a portfolio. Hey, guys! I am buiding my portfolio, so i would lkike to Build a Personal Portfolio Webpage Hints/Solutions are not provided for certification projects as these are intended to be a test of your learning and understanding. org/learn/2022/responsive-web-design/#build-a-personal-portfolio-webpage-projectIf you found my content helpful, please subscribe🔔, Jun 4, 2023 · My Portfolio project is not passing these two in Freecodecamp: Your portfolio should use at least one media query. Jan 7, 2020 · Lesson 4: Intro section. In this free book, we will build two simple projects and deploy them on Netlify. It’s never been easy for me to get it done since I’m working full time. I was wondering, since I started studying I never worked on any projects other than, the ones we have to make as part of the freeCodeCamp courses…. run(debug=True) This piece of code is stored in our main. I hope to instead side-step this by hosting a copy of the webpage here, that contains the custom images; then simply link them into the codepen. 2. You can use it and make it yours by changing things and colours to your style and liking! I made it with a lot of hard work, love and of course with code I’m not a professional coder, but I Oct 12, 2022 · ** Norma's Portfolio About Work ”Connect Hello my name is Norma💜 a web developer These are some of my projects Let's work together FreeCodeCamp. I am also aware that one of the projects is missing from my projects section. Aug 17, 2016 · Hi FCC friends! I have been working my way through Front End and am working on my advanced projects. You can also link to another Pen here (use the . useState (""); const [email, setEmail] = React. Hi everyone! I’ve finally got my Responsive Web Design certificate and I’m so happy. I just completed Jan 22, 2022 · https://www. Feb 17, 2018 · by SaidHayani@ Learn Bootstrap 4 in 30 minutes by building a landing page website from templatetoaster A guide for beginners “Bootstrap is a free, open-source front-end library for designing websites and web applications. Feb 11, 2023 · *Tell us what’s happening: So I am done, if there is any advice to make my work am all ears. Oct 7, 2016 · P. Level up your project details. org. This topic was automatically closed 182 days after the last reply. system Closed May 19, 2023, 11:06pm 4. dorscodingschool. In this video, you will learn how to build React portfolio website from scratch with advanced animations. This looks very nice and works great at the default font size, but as soon as I increase the text size a few things start to break. I am a software engineer with more than 7 years of experience with expertise in Data Science technologies and I have been trying to find a job in the field of data science for quite some time but could not find one. 1) User Story: I can access all of the portfolio webpage’s content just by scrolling. This is a simple responsive portfolio website template. Fabio Pacific. https://www Jun 30, 2021 · Hello, I am looking for some feedback on my portfolio website. com Responsive Web Design Certification Project Solution - "Build A Personal Portfolio Webpage" - FreeCodeCamp-Solutions/Personal-Portfolio-Webpage Aug 28, 2018 · app. davisnoah8079 May 4, 2022, 12:45pm 2. Personal Portfolio Webpage. Building your portfolio is an easy way to demonstrate your expertise as a front-end developer. They need different id values. . May 12, 2021 · How to Build and Deploy a Portfolio with Vue. On the landing page, you see some intro text and an illustration of a developer sitting at a laptop. Reload to refresh your session. Learn to Code — For Free. Avoid Numbers and Hyphens: Numbers and hyphens can be confusing and are often forgotten when typing a domain name. You are more than a Web Developer! Jan 25, 2022 · This is how you can create a complete responsive portfolio website using HTML, CSS, JavaScript, and Bootstrap 5 . You’ll have an easier time writing much simpler code this way and in much fewer lines. Oct 11, 2016 · The freeCodeCamp Forum Need ideas for Personal Portfolio Website. Concentrate en aprender los conceptos y mostrar algo de creatividad. body {. Sep 11, 2016 · Placeholders for text and images for your portfolio or website (Tipp) PJ-Coding September 11, 2016, 11:59am 1. Hey! I already passed the challenge. 23K subscribers. lasjorg November 25, 2022, 7:31pm 11. Let’s start over one more time. Jul 21, 2021 · Rey van den Berg. foot { text-align: center; font-size: 30px; color: #E30B5C; font Sep 13, 2019 · 2. If you need Text as a placeholder for content on a website, here you can get different kinds (every day lorem ipsum is boring ) Oct 31, 2023 · Tell us what’s happening: I’m having trouble aligning my #nav-links. For your websites especially portfolio or similar projects. Your 140-character bio. Then, you will learn how to build the different sections of the page. 7. More Hints For Fonts Jan 24, 2017 · The freeCodeCamp Forum Need review - Portfolio Website. If you want to work in a field like this then looking things up is required. First, you will learn how to set things up and build the basic structure of the portfolio page using HTML. DISCLAIMER: Git and Github is complicated and overwhelming for me at the moment. org YouTube channel (1. html file. This is the most important section of your portfolio, and it is the one section I often see that is not well-executed. It’s beginner-friendly, and you can earn certifications as you progress through the curriculum. Aug 25, 2020 · nhcarrigan August 25, 2020, 11:30pm 2. Build a Clone Website. So to beef up my portfolio before I begin an eventual job hunt, I’d really like to create some beautiful websites Learn how to use SvelteKit & TailwindCSS by building a responsive web portfolio. It will be Jan 12, 2015 · Your new Free Code Camp Portfolio includes: Your name and where you’re based. In many cases, your portfolio may be more important to hiring managers than your résumé. StormyRamsey January 24, 2017, 2:34am 1. You need to paste your updated code in here so we can see what you tried. May 12, 2022 · Debug Browser Apps using Visual Studio Code. freecodecamp. Sep 13, 2021 · Hi guys, So I am learning to code for the past 1 year. my-portfolio-app. Greetings, I’m currently working on the last project, of the Responsive Web Design course, more specifically on the Projects area. Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself. We accomplish this by creating thousands of videos, articles, and interactive coding lessons - all freely available to the public. In this blog post we saw some of the benefits of creating a portfolio website for web developers and designers. Jan 31, 2022 · freeCodeCamp; The Odin Project; CS50's Web Programming with Python and JavaScript; Suggested YouTube full stack project tutorials; freeCodeCamp. RulesofGames September 14, 2022, 1:30am 3. Next, you will learn how to style the page using CSS and Dec 26, 2022 · I don’t think you will be able to do so (to my knowledge). The silence probably means that no-one who has read your Apr 13, 2019 · Please provide your valuable feedback, also provide some pointers to some great portfolio website to inspire from. Si estás atascado, echa un vistazo a estas 15 muestras de portafolios de desarrolladores web para inspirarte. Jun 24, 2023 · I need help with the icons section of my portfolio website. I know that my journey to be a front-end developer still far away and there are still a lot for me to learn. css, and custom CSS animations. js as our front-end framework, and use different technologies to build our projects. All of your work is mobile friendly. Does that mean that i should have a repository on Github with the codepen link solely for the portfolio?. Because I used some popular framework which turned out to be too much trouble so ended up using custom code. For the font awesome icons to show up you need to put a link to the cdn in the head area of your index. But then I made some changes and it won’t let me pass again because “Your portfolio should use at least one media query. Web Developer seems like you are just developing for web and not mobile, it’s all the same and wording matters. ve ay lu qm io kg ok yl pr ac