We may earn an affiliate commission when you visit our partners.
Harrison Kong
Imagine you’re a recently graduated information technology student looking to land a software development job. In this project, you’ll create a website that showcases “your” qualifications, work experience, and work samples.
Using HTML, CSS, and JavaScript to manage the content, presentation, and other functional aspects, you’ll produce an online professional portfolio to share with potential employers.
There isn’t just one right approach or solution in this scenario, which means you can create a truly unique project that helps you stand out to employers.
ROLE: Software Developer
Read more
Imagine you’re a recently graduated information technology student looking to land a software development job. In this project, you’ll create a website that showcases “your” qualifications, work experience, and work samples.
Using HTML, CSS, and JavaScript to manage the content, presentation, and other functional aspects, you’ll produce an online professional portfolio to share with potential employers.
There isn’t just one right approach or solution in this scenario, which means you can create a truly unique project that helps you stand out to employers.
ROLE: Software Developer
Read more
Imagine you’re a recently graduated information technology student looking to land a software development job. In this project, you’ll create a website that showcases “your” qualifications, work experience, and work samples.
Using HTML, CSS, and JavaScript to manage the content, presentation, and other functional aspects, you’ll produce an online professional portfolio to share with potential employers.
There isn’t just one right approach or solution in this scenario, which means you can create a truly unique project that helps you stand out to employers.
ROLE: Software Developer
SKILLS: HTML, CSS, Javascript
PREREQUISITES:
Syntax, divisions, text, images with HTML
Syntax, rules, ids, classes with CSS
Functions and DOM (document object model) with JavaScript
Register for this course and see more details by visiting:
OpenCourser.com/course/45m5mu/build
What's inside
Syllabus
Project
In this 7-9-hour project, you'll create a website that showcases your qualifications, work experience, and work samples, using HTML, CSS, JavaScript and upload your findings to a portfolio page to showcase to potential employers.
Good to know
Good to know
Know what's good ,
what to watch for , and
possible dealbreakers
Teaches the core skills required for a professional portfolio in software engineering, including HTML, CSS, and Javascript
Develops core skills such as project development that are standard in the software engineering industry
Taught by professionals in software engineering, providing industry knowledge
Examines a range of essential software engineering techniques that are highly relevant to the industry
May be suitable for someone with limited knowledge in software engineering
Requires prerequisite knowledge in HTML, CSS, and Javascript, which may limit accessibility for some learners
Save this course
Save Build a Portfolio Website with HTML, CSS, and JavaScript to your list so you can find it easily later:
Save
Save
Activities
Be better prepared
before
your course. Deepen your understanding
during
and
after
it. Supplement your coursework and achieve mastery of the topics covered
in Build a Portfolio Website with HTML, CSS, and JavaScript with these
activities:
Review HTML, CSS, and JavaScript syntax
Show steps
Refresh your memory on the fundamental syntax of HTML, CSS, and JavaScript.
Show steps
-
Refer to tutorials or online resources
-
Complete practice exercises or quizzes
Practice HTML syntax and structure
Show steps
Reinforce your understanding of HTML syntax and structure through repetitive exercises.
Show steps
-
Review HTML syntax and structure tutorials
-
Complete HTML practice problems
-
Build a simple HTML webpage
Practice CSS styles and properties
Show steps
Improve your proficiency in CSS styles and properties through hands-on practice.
Show steps
-
Review CSS styles and properties tutorials
-
Complete CSS practice problems
-
Style a simple HTML webpage
Six other activities
Expand to see all activities and additional details
Show all nine activities
Participate in peer review sessions
Show steps
Exchange feedback and insights with peers to enhance your understanding and improve your work.
Browse courses on
Peer Review
Show steps
-
Join an online or in-person peer review group
-
Present your portfolio website to peers for feedback
-
Provide feedback to peers on their portfolio websites
Practice JavaScript functions and DOM
Show steps
Enhance your JavaScript skills by practicing functions and DOM manipulation.
Show steps
-
Review JavaScript functions and DOM tutorials
-
Complete JavaScript practice problems
-
Add interactivity to a simple HTML webpage
Attend workshops or webinars on web development
Show steps
Expand your knowledge and skills by attending workshops or webinars related to web development.
Browse courses on
Skill Development
Show steps
-
Research and identify relevant workshops or webinars
-
Register and attend the sessions
-
Take notes and apply what you learn to your portfolio website
Create a GitHub repository for your portfolio website
Show steps
Establish a presence on GitHub by creating a repository for your portfolio website.
Browse courses on
GitHub
Show steps
-
Create a GitHub account
-
Create a new repository
-
Upload the code and files for your portfolio website
Follow tutorials to build additional web pages
Show steps
Reinforce your learning by building additional web pages based on guided tutorials.
Browse courses on
Website Building
Show steps
-
Find tutorials that focus on specific aspects of web development
-
Follow the instructions and build the web pages
-
Experiment with different design and functionality elements
Design and develop your professional portfolio website
Show steps
Showcase your skills and experience by creating your own professional portfolio website.
Browse courses on
Portfolio Design
Show steps
-
Plan the structure and content of your portfolio website
-
Design the layout and visual style of your website
-
Develop and code the website using HTML, CSS, and JavaScript
-
Upload your work samples and relevant content
Review HTML, CSS, and JavaScript syntax
Show steps
Refresh your memory on the fundamental syntax of HTML, CSS, and JavaScript.
Show steps
Show steps
Show steps
- Refer to tutorials or online resources
- Complete practice exercises or quizzes
Practice HTML syntax and structure
Show steps
Reinforce your understanding of HTML syntax and structure through repetitive exercises.
Show steps
Show steps
Show steps
- Review HTML syntax and structure tutorials
- Complete HTML practice problems
- Build a simple HTML webpage
Practice CSS styles and properties
Show steps
Improve your proficiency in CSS styles and properties through hands-on practice.
Show steps
Show steps
Show steps
- Review CSS styles and properties tutorials
- Complete CSS practice problems
- Style a simple HTML webpage
Six other activities
Expand to see all activities and additional details
Show all nine activities
Participate in peer review sessions
Show steps
Exchange feedback and insights with peers to enhance your understanding and improve your work.
Browse courses on
Peer Review
Show steps
Show steps
Show steps
- Join an online or in-person peer review group
- Present your portfolio website to peers for feedback
- Provide feedback to peers on their portfolio websites
Practice JavaScript functions and DOM
Show steps
Enhance your JavaScript skills by practicing functions and DOM manipulation.
Show steps
Show steps
Show steps
- Review JavaScript functions and DOM tutorials
- Complete JavaScript practice problems
- Add interactivity to a simple HTML webpage
Attend workshops or webinars on web development
Show steps
Expand your knowledge and skills by attending workshops or webinars related to web development.
Browse courses on
Skill Development
Show steps
Show steps
Show steps
- Research and identify relevant workshops or webinars
- Register and attend the sessions
- Take notes and apply what you learn to your portfolio website
Create a GitHub repository for your portfolio website
Show steps
Establish a presence on GitHub by creating a repository for your portfolio website.
Browse courses on
GitHub
Show steps
Show steps
Show steps
- Create a GitHub account
- Create a new repository
- Upload the code and files for your portfolio website
Follow tutorials to build additional web pages
Show steps
Reinforce your learning by building additional web pages based on guided tutorials.
Browse courses on
Website Building
Show steps
Show steps
Show steps
- Find tutorials that focus on specific aspects of web development
- Follow the instructions and build the web pages
- Experiment with different design and functionality elements
Design and develop your professional portfolio website
Show steps
Showcase your skills and experience by creating your own professional portfolio website.
Browse courses on
Portfolio Design
Show steps
Show steps
Show steps
- Plan the structure and content of your portfolio website
- Design the layout and visual style of your website
- Develop and code the website using HTML, CSS, and JavaScript
- Upload your work samples and relevant content
Career center
Learners who complete Build a Portfolio Website with HTML, CSS, and JavaScript will develop knowledge and skills
that may be useful to these careers:
Front-End Developer
Front-End Developer
Front-End Developers are responsible for the design and implementation of website interfaces. They use HTML, CSS, and JavaScript to create responsive, user-friendly websites. This course provides a strong foundation in these technologies, making it an excellent choice for aspiring Front-End Developers. By learning how to build a portfolio website, students can showcase their skills and demonstrate their understanding of web development principles.
Web Developer
Web Developer
Web Developers are responsible for the overall development of websites, including both the front-end and back-end. They use a variety of programming languages and technologies, including HTML, CSS, JavaScript, and PHP. This course provides a strong foundation in the essential skills for Web Developers, making it a valuable resource for those looking to enter this field.
Software Developer
Software Developer
Software Developers are responsible for the design, development, and maintenance of software applications. They use a variety of programming languages and technologies, including HTML, CSS, JavaScript, and Java. This course provides a strong foundation in the essential skills for Software Developers, making it a valuable resource for those looking to enter this field.
Data Analyst
Data Analyst
Data Analysts are responsible for collecting, analyzing, and interpreting data to identify trends and patterns. They use a variety of statistical and data analysis techniques to extract meaningful insights from data. This course provides a strong foundation in the essential skills for Data Analysts, making it a valuable resource for those looking to enter this field.
Business Analyst
Business Analyst
Business Analysts are responsible for analyzing business processes and identifying opportunities for improvement. They use a variety of analytical and problem-solving skills to develop solutions that meet the needs of the business. This course provides a strong foundation in the essential skills for Business Analysts, making it a valuable resource for those looking to enter this field.
Project Manager
Project Manager
Project Managers are responsible for planning, executing, and delivering projects on time and within budget. They use a variety of project management tools and techniques to ensure that projects are successful. This course provides a strong foundation in the essential skills for Project Managers, making it a valuable resource for those looking to enter this field.
Technical Writer
Technical Writer
Technical Writers are responsible for creating clear and concise documentation for technical products and services. They use a variety of writing and editing skills to communicate complex information to a variety of audiences. This course provides a strong foundation in the essential skills for Technical Writers, making it a valuable resource for those looking to enter this field.
UX Designer
UX Designer
UX Designers are responsible for the design and user experience of websites and applications. They use a variety of design and research methods to create user-friendly and intuitive interfaces. This course provides a strong foundation in the essential skills for UX Designers, making it a valuable resource for those looking to enter this field.
UI Designer
UI Designer
UI Designers are responsible for the design and visual appearance of websites and applications. They use a variety of design tools and techniques to create visually appealing and engaging user interfaces. This course provides a strong foundation in the essential skills for UI Designers, making it a valuable resource for those looking to enter this field.
Graphic designer
Graphic designer
Graphic Designers are responsible for creating visual content for a variety of purposes, including websites, marketing materials, and social media. They use a variety of design tools and techniques to create visually appealing and engaging content. This course provides a strong foundation in the essential skills for Graphic Designers, making it a valuable resource for those looking to enter this field.
Content Writer
Content Writer
Content Writers are responsible for creating written content for a variety of purposes, including websites, marketing materials, and social media. They use a variety of writing and editing skills to communicate complex information to a variety of audiences. This course provides a strong foundation in the essential skills for Content Writers, making it a valuable resource for those looking to enter this field.
Social Media Manager
Social Media Manager
Social Media Managers are responsible for planning, executing, and managing social media campaigns for a variety of businesses and organizations. They use a variety of social media tools and techniques to create engaging content and manage social media accounts. This course provides a strong foundation in the essential skills for Social Media Managers, making it a valuable resource for those looking to enter this field.
Marketing Manager
Marketing Manager
Marketing Managers are responsible for planning, executing, and managing marketing campaigns for a variety of businesses and organizations. They use a variety of marketing tools and techniques to create engaging content and manage marketing campaigns. This course provides a strong foundation in the essential skills for Marketing Managers, making it a valuable resource for those looking to enter this field.
Sales Manager
Sales Manager
Sales Managers are responsible for planning, executing, and managing sales campaigns for a variety of businesses and organizations. They use a variety of sales tools and techniques to create engaging content and manage sales campaigns. This course may be helpful for Sales Managers who are looking to gain a better understanding of web development.
Customer Success Manager
Customer Success Manager
Customer Success Managers are responsible for ensuring the satisfaction of customers and clients. They use a variety of customer service and relationship management skills to build relationships and resolve issues. This course may be helpful for Customer Success Managers who are looking to gain a better understanding of web development.
For more career information including salaries, visit:
OpenCourser.com/course/45m5mu/build
Reading list
We've selected 11 books
that we think will supplement your
learning. Use these to
develop background knowledge, enrich your coursework, and gain a
deeper understanding of the topics covered in
Build a Portfolio Website with HTML, CSS, and JavaScript.
Save
This definitive guide to JavaScript provides comprehensive coverage of the language. While its scope is broad, it offers valuable insights for developers seeking a thorough understanding of JavaScript.
This comprehensive reference guide to CSS provides in-depth coverage of the language. It serves as a valuable resource for developers seeking detailed information and quick answers to specific questions.
This comprehensive reference guide covers all aspects of HTML and CSS. It serves as a valuable resource for developers seeking detailed information and quick answers to specific questions.
Introduces JavaScript and jQuery, building upon the course's foundation. It covers essential concepts for interactive web development, making it a valuable resource for enhancing the functionality of web applications.
This classic book offers a concise and insightful guide to JavaScript. It covers essential design principles and best practices, helping readers write clean, maintainable, and efficient code.
This concise book focuses on practical JavaScript techniques for web developers. It provides clear explanations and examples, making it a valuable resource for those seeking to enhance their JavaScript skills.
Save
This practical guide to JavaScript focuses on its application in web development. It provides clear explanations and examples, making it a valuable resource for those seeking to enhance their JavaScript skills.
As the course focuses on portfolio websites, this book provides practical guidance on responsive web design. It teaches principles and techniques for creating websites that adapt to different devices and screen sizes.
Explores advanced JavaScript techniques and patterns. While not directly aligned with the course's project, it offers valuable insights for developers seeking to enhance their web development skills.
This approachable book uses a visual and interactive approach to teach HTML and CSS. While some content may be outdated, it provides a gentle introduction to these technologies for beginners.
This beginner-friendly book offers a step-by-step approach to website development. It covers the basics of HTML and CSS, making it a suitable choice for those seeking a foundation before delving into the course's project.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/45m5mu/build
Share
Similar courses
Here are nine courses similar to
Build a Portfolio Website with HTML, CSS, and JavaScript.
Guided Project: Interest Calculator Using HTML, CSS & JS
OpenCourser.com/course/kf7qtr/guided
Guided Project: Interest Calculator Using HTML, CSS & JS
Most relevant
Build a CRUD Node.js and MongoDB employee management web-app
OpenCourser.com/course/w7775w/build
Build a CRUD Node.js and MongoDB employee management web...
Most relevant
Create a responsive seat selector UI in HTML, CSS, and JS
OpenCourser.com/course/qkji0t/create
Create a responsive seat selector UI in HTML, CSS, and JS
Most relevant
Make Your Own App
OpenCourser.com/course/d85es3/make
Make Your Own App
Most relevant
Guided Project: Web Development w/ HTML & CSS for Beginners
OpenCourser.com/course/el59iy/guided
Guided Project: Web Development w/ HTML & CSS for...
Most relevant
Building Websites with HTML and CSS
OpenCourser.com/course/kpd6vz/building
Building Websites with HTML and CSS
Most relevant
JavaScript Programming Essentials
OpenCourser.com/course/dcah05/javascript
JavaScript Programming Essentials
Most relevant
Web Development in Javascript: Build Your First Website
OpenCourser.com/course/3fqd3e/web
Web Development in Javascript: Build Your First Website
Most relevant
Angular.js for Beginners: Directives
OpenCourser.com/course/kgjdfb/angular
Angular.js for Beginners: Directives
Most relevant
Effort
7-9 hours
Level
Intermediate
Via
Coursera
Institution
Coursera Project Network
Instructor
Harrison Kong
Language
English
Good to know
Teaches the core skills required for a professional portfolio in software engineering, including HTML, CSS, and Javascript
Develops core skills such as project development that are standard in the software engineering industry
Taught by professionals in software engineering, providing industry knowledge
Examines a range of essential software engineering techniques that are highly relevant to the industry
May be suitable for someone with limited knowledge in software engineering
Requires prerequisite knowledge in HTML, CSS, and Javascript, which may limit accessibility for some learners
Our mission
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
Affiliate disclosure
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.
© 2016 - 2024 OpenCourser