
Be aware you will be taken to a different site all together and will open in a new window.
Be aware you will be taken to a different site all together and will open in a new window.
SP20 project WEB225
SP20 project WEB260
WEB260/ex2/html/index.php
Database: phpMyAdmin
Files:
Shop.PHP / list_xxx.HTML
Sales.PHP / list_sales.HTML
Browse.PHP…..
CheckOut.html/php
<div>
</div>
Shiping.html/php
<div>
</div>
billing.html/php
<div>
</div>
my.config.php / config.php
<div>
</div>
form_ and product_ function.inc.php
<div>
</div>
WEB287 – Portfolio Final
The next two weeks will be dedicated purely to refining, completing and submitting all your submittables for the semester. You will be receiving feedback on your final project this week. Please review this feedback and work on addressing any issues that might have been noted. This feedback is meant to help you create the best best final product possible.
Final Project
Blog
due: 11:59pm, May 7th
due: 11:59pm, May 11th
URL: http://waketech.biginterview.com/
Big Interview can help you learn and practice your interview skills, whether you’re interviewing for a job or graduate school.
URL: https://waketech.emsicareercoach.com/Career
Career Coach is designed to help you find a good career by providing the most current local data on wages, employment, job postings, and associated education and training.
Upload your work to the wcet3 server
Upload your work to an external server (i.e. www.yourname.com).
Submit both links to the discussion board
Attach your design document to your discussion post
Provide feedback to at least two other students.
Due: 11:59pm, May 7th
Submit the blog you have been working on over the course of the semester to the assigned discussion area. You will be holistically graded on relevance, quality and quantity of your posts. Review and reply to the submissions of at least two others.
Due: 11:59pm, May 11th
in/mrose28
This week, we will cover website Linkedin for promoting yourself. We will also be discussion options for hosting for your portfolio. While the wcet site is wonderful for our usage in this course, it will unfortunately not be available to you once your graduate. In this vein, finding good, reliable hosting that suits your needs is important. Furthermore, having a domain named after yourself or your business to present your work is infinitely more professional looking than having a hosted domain name on another company’s website.
To be completed:
After this class is over, you will unfortunately no longer have access the school’s server. This means you will need to host your site with an external service. With this in mind, part of your final project will be to have your site uploaded to an external hosting service. Go online and research the options available for Web hosting. Choose a company that fulfills your requirements (be they technical, economical, etc.) and a specific hosting package you are interested in (you are welcome to, but not required to sign up with them at this time).
Paste a link to the site and/or package that works for you in hosting your site and describe the reason you chose it. Describe the criteria you used in both searching for and determining your choice as the best one out there for you. Remember to consider all your technical requirements if your are using advanced Web programming that requires php, a database server, or the like. While free hosting is certainly an available option for this assignment, remember that your final project will be graded on its professionalism. If the hosting site adds advertisement or appends its own name to your domain name, this will be considered in your final grade.
This week we are:
There will also be a Virtual Guest Speaker, Mark Caron, an Associate Manager at Red Hat in Raleigh, NC will have time slots available for an interview. There is schedule Q/As for the Best Time Availability via Survey.
When it comes to Web Design, we are at the cusp of a major transition. There once was a time when all one needed to do to begin a new site was to simply look up the most common screen resolution, build a container box of this size and begin filling out canvas with images and content.
When mobile devices came about, things changed a little as designers had to accommodate screens 480 pixels across as well as standard monitors. To overcome this issue, many developers began creating mobile versions of their sites, redirecting users to a mobile site with the m. prefix appended to it. While this worked for a while, soon more mobile devices began to appear, and more and more fragmentation began to occur. Tablets, retina screens, phablets, iPhone-minis and every flavor of Android device imaginable soon made it impossible to design a separate site for every possible screen resolution. Even on a desktop or laptop computer, there is a wide range of common screen resolutions, with 10% of the population using a 1024px screen resolution on the low-end and a virtually equal 11% of the population browsing with a resolution of 1920px. Simply setting a container to 750 or 900px is no longer an acceptable solution. Here enters responsive design.
Responsive design is a shift in thinking from ‘traditional’ design. Traditionally, a content box is created and then area painted like a canvas with every element neatly placed in its desired location. With responsive design, our content box is simply a container that is filled with content. The shape and size of this container will be dependent on the screen it is being displayed on.
But how would one go about creating such a container and still have it look good? The solution is two-fold. First, get into the habit of working in percentages and ’em’s instead of pixels. Unlike pixels, ems and percentages are relative measurements. This means that if the letter ‘m’ looks smaller on a device’s screen, this sizing will be reflected in other elements on the page as well. Next, use CSS3 media queries. Resize your browser window and shrink it until your page ‘breaks.’ Make note of this size and set a media query to this resolution. Use CSS to ‘fix’ your page at this size and keep working your way down to lower resolutions until it ‘breaks’ again, ‘fixing’ it will media queries and CSS until it finally looks good across all resolutions.
The links below provide more insights and instructions on how to accomplish this process. Review the links below and apply what you’ve learned to your design.
Responsive Web Design Basics
URL: https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/
Responsive Web Design
URL: http://msdn.microsoft.com/en-us/magazine/hh653584.aspx
Learn CSS Grid in 5 Minutes
URL: https://medium.freecodecamp.org/learn-css-grid-in-5-minutes-f582e87b1228
Duration: 03h 21m
CSS layouts are becoming less of a puzzle. After decades of hacking CSS to make multicolumn layouts, the CSS Grid Layout module makes page layout predictable. In this course, take a step back from traditional layout models, and learn how to take full advantage of the new capabilities of CSS Grid to build interfaces that are attractive, accessible, and responsive. Join Morten Rand-Hendriksen as he walks through how to create full-bleed layouts, multicolumn layouts, and advanced card-based layouts. He demonstrates how to create dynamic responsive grids that adjust to their available viewport space.
Download Chrome to computer. URL: https://www.google.com/intl/en/chrome/browser/
Open Chrome to the page you wish to test and hit the F12 key on the keyboard. This will open Chrome’s Dev Tools panel.
With the Dev Tool Panel open, click on the Mobile Device icon on the bottom left.
NOTE: You may need to hit the ‘Esc’ key in order for this submenu to appear.
From this screen, you can choose the model of mobile device you’d like to emulate. The example above shows the iPhone 6 Plus.
Dear Mr. Smith:
Thank you for taking the time to speak with me. I enjoyed meeting on Wednesday, April 1, 2020 at 10:00 am and learning more about the Web Developer position at McKenzie Development.
Our conversation confirmed my interest in becoming a team member of McKenzie Development Web Development Team. I was especially excited about the ability of implementing my own code to develop sites and applications Joomla!3. The CMS Platform Joomla!3 is a great tool and know it well as my last project was all in that that platform.
I am very eager to at the prospect of joining your team and leveraging my knowledge and experience to help with any your needs at McKenzie Development. Please let me know if you have any question and could provide you with any further questions. I look forward to hearing from you, and thank you again for your time and consideration.
Sincerely,
Melissa Rose
(919) 555-1212
Hello <Interviewer’s Name>,
I wanted to take a second to thank you for your time <yesterday/Friday/etc>. I enjoyed our conversation about <specific topic you discussed> and enjoyed learning about the <Job Title> position overall.
It sounds like an exciting opportunity, and an opportunity I could succeed and excel in! I’m looking forward to hearing any updates you can share, and don’t hesitate to contact me if you have any questions or concerns in the meantime.
Thanks again for the great conversation <yesterday/Friday/etc>.
Best Regards,
<Your Name>
By Biron Clark
Dear <Interviewer’s Name>,
Thank you for taking the time to meet with me <yesterday/Friday/etc>. I’m very excited about the opportunity to work at <Company Name>!
The <Job Title> role certainly sounds exciting, and it’s a role I believe I’d excel in thanks to my <experience or skill that would help you succeed in their job>.
I look forward to hearing feedback as soon as you have any updates and would love to continue discussing the opportunity with you.
Feel free to contact me if you have any questions or need clarification on anything we talked about in the meantime. Thank you again, <Interviewer’s Name>.
Best regards,
<Your Name>
By Biron Clark
Here are 10 tips that will help get you on the right path to knocking their socks off.
SP20 project WEB287
L15 | DUE May 7th 2020
Your final projects are due on Week 15, however you will be asked to submit a nearly-complete version of your project in Week 13 in order to receive another round of feedback before your final submission.
We have secured industry professionals in Web design and development to review projects for this class. It is possible that one of these industry professionals will be reviewing your site! Plan accordingly and make a good impression!
Based on your midterm prototype and subsequent feedback:
You are required to include links to the following within your site:
** With the exception of external websites, all portfolio pieces should incorporate seamlessly into the overall design of your site (no pop-ups to old html files or direct links to .jpg files)
In addition, I will also be looking for the presence of the following technical requirements:
**Be sure to verify your site on all major browsers (i.e Edge, Firefox, Chrome).**
In addition to the requirements above, your site will be graded on its overall design including responsiveness; your site should look good and be functional across all screen sizes. Your design will also be graded on how well it accomplishes the goals set in your final design document; you are designing with purpose, with your target audience in mind.
Upload your work to the wcet3 server
Upload your work to an external server
(i.e. www.yourname.com)
Attach your design document to your discussion post
Submit both links to the discussion board
Provide feedback to at least two other students.
Website Content Deliverables: | |
Introduction, Contact Info, Resume, Link to Blog, Complete site | /20 |
Portfolio Pieces: | |
3 Portfolio Pieces / Quality, Seamless incorporation | /20 |
Technical Requirements: | |
Page Titling / SEO, Appropriate CSS & HTML usage / Best Practice | /10 |
Graphics / Optimization, Alt text / Accessibility | /15 |
User Experience: | |
Site Organization / Usability, Responsive / Mobile friendly, Overall Design | /25 |
Other Project Requirements: | |
Uploaded / link to wcet3 | /2 |
Uploaded / link to your url .com | /5 |
Design Document | /3 |
Total: | /100 |
GRADE: This counts for 25% of your final grade.
1. Whereas I will accept projects that have been started prior to this course, I am expecting to see elements taught in this course in the project. Hence, I will be expecting to see redesigns of web sites that already exist and your project MUST include a link to the original site so that I may see the steps taken to redesign the site. Please keep in mind, handing in work that has already been submitted/created for another course or for other purposes without significant alteration is considered plagiarism and will warrant an F on the final project in its entirety.
2. The content of the site cannot be deemed ‘inappropriate’ by any stretch of the imagination. I will not accept sites that contain content or links to pornography, adult content, violence, drugs, etc. It is better to err on the side of caution. If you are unsure, ask me – do not wait until AFTER you have designed the site to ask.
Link to the “Design Document”
One of the deliverables for your final project submission is the inclusion of a Design Document. Below are the expectations for this document:
Please include a brief background of your skills and the specific skills (i.e. design, programming, etc) you’re seeking to showcase for your audience.
If you are doing a redesign, you must include a link to the original site here, as well as information related to the redesign (when was it originally created, by whom, why the redesign, etc.).
I am looking for answers to your basic set of questions here, such as:
Includes but may not be limited to such information as:
Include an architectural flowchart for your site, breaking down the site’s organizational scheme.
Describe some of the site’s features/element that draw attention/showcase your abilities.
Possibilities include:
You can make functioning contact forms with this service. URL: http://www.emailmeform.com/
Make sure to send a thank you letter to all the people you interviewed with. Additionally, send your letters within twenty-four hours of your interview. After completing an interview, make sure the follow up with a thank-you letter. The letter is not optional. It is expected and a major part of the interviewing process. If the job selection comes down to two candidates, the job will most likely go to the person who followed up with a letter. In addition to making a great impression, the thank you letter serves several purposes:
The format of the cover letter should follow a standard business letter style and include the following information:
SP20 project WEB260
WEB260/ex1/html/index.php
Based on the links and lesson…
Be sure to dress and present yourself appropriately.
Please visit Getting the Job for more interview preparedness.
Preparing for the job interview
You’ve been called into a job interview. An interviewer has expressed interest your resume and cover letter and would now like to interview you. What do you do to ace the interview? The first thing is to research the company and figure out how you fit into the company’s needs. Some information you should know includes:
Your first impression will set the tone for your interview, therefore, you must present yourself as a professional.
Next, Please Visit L09 | Assignment
Please include a brief background of your skills and the specific skills (i.e. design, programming, etc) you’re seeking to showcase for your audience.
If you are doing a redesign, you must include a link to the original site here, as well as information related to the redesign (when was it originally created, by whom, why the redesign, etc.).
I am looking for answers to your basic set of questions here, such as:
– Includes but may not limited to…
Include the architectural flowchart for your site, breaking down the site’s organizational scheme.
Site’s Features / Element that draw attention/showcase your abilities.