{"componentChunkName":"component---src-pages-course-full-stack-development-index-en-js","path":"/en/course/full-stack-development/","result":{"data":{"site":{"siteMetadata":{"title":"LaiOffer","description":"Develop technical knowledge. Improve programming skills. Build your career in software engineering.","url":"https://www.laioffer.com"}},"course":{"edges":[{"node":{"id":"092173f1-69f9-5abe-a8d9-cef0725103fd","courseId":"courseFullstackDevelopment","title":"Full-stack Development","subtitle":"Hands-on practice to gain experience in full-stack software development","description":{"description":"This is a classic and practical course taught by senior engineers in Silicon Valley. It will enrich your resume and get prepared for your job in a very short period of time. You will learn 4 real-world projects cover the application of full-stack and big data development, as well as front-end, back-end, cloud and data. It extends beyond the M.S. Program in CS. You will be fully equipped with the skills needed to become a full stack engineer, mobile developer, frontend engineer, or data engineer. This course also emphasizes on computer science fundamentals, which are essential to build your resume for non-CS students. This course will help you transform from 0 to 1."},"overview":{"overview":"You will learn 4 real-world projects that cover the application of full-stack and big data development, as well as front-end, back-end, cloud and more. It extends beyond the Masters Program in CS.\n\nFor students transfering from other majors with weak basis, the course will provide free session to improve your knowlege of programming language.\n\nThe course is taught by senior engineers from top-tier tech companies in Silicon Valley. We hope to boost your abilities and skills in a relatively short period, and get you ready for job interviews."},"promotion":{"promotion":"## 4 Projects Plus FLAG Camp Help You to Get Interview Opportunities!\n\nBy taking this course, you will attend FLAG Camp, in which you will try to solve a real world problem with your teammates and your project will be reviewed by Google/Uber's Program Manager."},"featured":false,"frequency":"5 sessions/week, 2 hrs/session","duration":"2.5","durationUnit":"months","session":"50","sessionUnit":"sessions","assignment":"4","assignmentUnit":"projects","price":"For details, please scan the QR code to contact a consultant","priceUnit":"USD","prerequisites":null,"prerequisiteTexts":null,"date":"2024-08-01T19:00-07:00","projects":[{"title":"基于Spring Boot和React的开源版Airbnb短租公寓在线预订平台","description":{"description":"通过学习Spring Boot, React, Elasticsearch, Google Cloud等技术，本项目将搭建一个具有短租公寓预订功能的网站。在这个过程中，同学将会学习如何使用Spring Boot开发后端服务, 以及如何使用Elasticsearch支持搜索功能， 并将所有功能部署在Google Cloud上。\n\n完成本项目，同学们相当于实际开发了一个开源版本的Airbnb短租公寓在线预订平台。最终，您可以使用部署到云上的项目成果在面试中进行Demo。"},"keywords":["React","Spring Boot","Elasticsearch","Google Cloud"],"thumbnail":{"title":"airbnb","resolutions":{"width":400,"height":254,"src":"//images.ctfassets.net/04k2xg9gplcj/kFFEEV4poTYr510Rsm3Wo/6880399db66c4fcf7b5a1655a05fa603/airbnb-springboot.png?w=400&q=100","srcSet":"//images.ctfassets.net/04k2xg9gplcj/kFFEEV4poTYr510Rsm3Wo/6880399db66c4fcf7b5a1655a05fa603/airbnb-springboot.png?w=400&h=254&q=100 1x,\n//images.ctfassets.net/04k2xg9gplcj/kFFEEV4poTYr510Rsm3Wo/6880399db66c4fcf7b5a1655a05fa603/airbnb-springboot.png?w=600&h=381&q=100 1.5x,\n//images.ctfassets.net/04k2xg9gplcj/kFFEEV4poTYr510Rsm3Wo/6880399db66c4fcf7b5a1655a05fa603/airbnb-springboot.png?w=800&h=508&q=100 2x,\n//images.ctfassets.net/04k2xg9gplcj/kFFEEV4poTYr510Rsm3Wo/6880399db66c4fcf7b5a1655a05fa603/airbnb-springboot.png?w=1200&h=763&q=100 3x"}}},{"title":"Video Game Live Streaming Application based on Amazon Web Services (AWS) and React","description":{"description":"Through this project, you will learn how to design and develop a live video recommendation API and search system, study a variety of recommendation algorithms, and deploy a set of reliable back-end services and databases on Amazon Web Services, and learn how to test and maintain.\n\nAfter completing this project, you will also be able to demonstrate this project during the interview. This project will improve your chances of getting interviews with top-tier technology companies such as Google, LinkedIn, Facebook, Amazon, Yelp, TripAdvisor, and Airbnb."},"keywords":["Front-end","Back-end","MySQL","REST API","Java Servlet","OOD","Cloud Computing","Amazon Web Services"],"thumbnail":{"title":"twitch live game streaming","resolutions":{"width":400,"height":254,"src":"//images.ctfassets.net/04k2xg9gplcj/4i8hMQ8HA4aRgh30LJ7ZQp/f7e15f5c4a315d9a13ab89496b59b818/twitch-live-streaming.jpg?w=400&q=100","srcSet":"//images.ctfassets.net/04k2xg9gplcj/4i8hMQ8HA4aRgh30LJ7ZQp/f7e15f5c4a315d9a13ab89496b59b818/twitch-live-streaming.jpg?w=400&h=254&q=100 1x,\n//images.ctfassets.net/04k2xg9gplcj/4i8hMQ8HA4aRgh30LJ7ZQp/f7e15f5c4a315d9a13ab89496b59b818/twitch-live-streaming.jpg?w=600&h=381&q=100 1.5x,\n//images.ctfassets.net/04k2xg9gplcj/4i8hMQ8HA4aRgh30LJ7ZQp/f7e15f5c4a315d9a13ab89496b59b818/twitch-live-streaming.jpg?w=800&h=508&q=100 2x,\n//images.ctfassets.net/04k2xg9gplcj/4i8hMQ8HA4aRgh30LJ7ZQp/f7e15f5c4a315d9a13ab89496b59b818/twitch-live-streaming.jpg?w=1200&h=762&q=100 3x"}}},{"title":"AI Agent based on OpenAI and React","description":{"description":"The application and development of large language models are the hottest entrepreneurial trends this year. Through this project, you will practically design and develop an AI Agent system based on OpenAI and React, gaining knowledge of various large language models and architectures (OpenAI GPT-3.5 / GPT-4, Langchain). You will also deploy a reliable React frontend and NodeJS backend service with a vector database on Amazon Web Services, and learn how to test and maintain them.\n\nBy completing this project, you will acquire fundamental knowledge and stay updated with the latest trends in large language models. You will also be able to demonstrate its performance in real-time during interviews. This project will enhance your chances of getting interviews at top AI technology companies like Google, LinkedIn, Meta, Amazon, and more."},"keywords":["OpenAI","React","AntD","Express","NodeJS","Vector Store","AI Agent"],"thumbnail":{"title":"AI Agent based on OpenAI and React","resolutions":{"width":400,"height":255,"src":"//images.ctfassets.net/04k2xg9gplcj/5xfGrgDLYBqJhzV4UQDVpK/7700fd009d77bbc0c26a354a8d820c41/ai-agent-project.png?w=400&q=100","srcSet":"//images.ctfassets.net/04k2xg9gplcj/5xfGrgDLYBqJhzV4UQDVpK/7700fd009d77bbc0c26a354a8d820c41/ai-agent-project.png?w=400&h=255&q=100 1x,\n//images.ctfassets.net/04k2xg9gplcj/5xfGrgDLYBqJhzV4UQDVpK/7700fd009d77bbc0c26a354a8d820c41/ai-agent-project.png?w=600&h=382&q=100 1.5x,\n//images.ctfassets.net/04k2xg9gplcj/5xfGrgDLYBqJhzV4UQDVpK/7700fd009d77bbc0c26a354a8d820c41/ai-agent-project.png?w=800&h=510&q=100 2x,\n//images.ctfassets.net/04k2xg9gplcj/5xfGrgDLYBqJhzV4UQDVpK/7700fd009d77bbc0c26a354a8d820c41/ai-agent-project.png?w=1200&h=765&q=100 3x"}}},{"title":"基于Kotlin和MVVM的Android音乐播放器","description":{"description":"最近几年，流媒体服务领域兴起了许多优秀平台，例如Spotify、Rdio、Rhapsody等，对年轻一代用户来说非常有吸引力。本项目将利用最新的安卓技术栈如Kotlin、Jetpack、Retrofit、MVVM、Room等新框架，搭建一个可流畅播放音频的安卓音乐播放器。\n\n完成本项目，您相当于开发了一个开源版本的Spotify，可以熟悉移动生态圈，获得更多面试机会。最终，也可以将此项目添加到Google Play Store并在面试中进行Demo。学习本项目对于面试移动开发领域的相关大公司以及流媒体服务公司均有帮助。"},"keywords":["Android","Kotlin","MVVM","Retrofit","Room","Jetpack","Restful API","Hilt","Exoplayer"],"thumbnail":{"title":"基于Kotlin和MVVM的Android音乐播放器","resolutions":{"width":400,"height":255,"src":"//images.ctfassets.net/04k2xg9gplcj/5happxuxMREv7Flt78Hbvw/05f70688e1be45c72dac2a977c372832/project-spotify.png?w=400&q=100","srcSet":"//images.ctfassets.net/04k2xg9gplcj/5happxuxMREv7Flt78Hbvw/05f70688e1be45c72dac2a977c372832/project-spotify.png?w=400&h=255&q=100 1x,\n//images.ctfassets.net/04k2xg9gplcj/5happxuxMREv7Flt78Hbvw/05f70688e1be45c72dac2a977c372832/project-spotify.png?w=600&h=382&q=100 1.5x,\n//images.ctfassets.net/04k2xg9gplcj/5happxuxMREv7Flt78Hbvw/05f70688e1be45c72dac2a977c372832/project-spotify.png?w=800&h=509&q=100 2x"}}}],"highlights":[{"title":"4+ Industrial Projects","subtitle":"to Improve Your Resume","description":{"description":"You will learn four projects that cover front-end, back-end, cloud and mobile will strengthen your programming experience and upgrade your resume."},"thumbnail":{"title":"2018-09-13-Project-hightlight1","resolutions":{"width":330,"height":216,"src":"//images.ctfassets.net/04k2xg9gplcj/4M7C1bxuisScOOmwUsyMIy/73f51478c7a7078ef06e3292993ef7b9/cheerful-office-staff-working-on-a-project-7WZL3KH.jpg?h=216&q=100","srcSet":""}}},{"title":"FLAG Camp","subtitle":"Instructed by Google/Uber PM","description":{"description":"By taking this course, you will attend FLAG Camp. You will cooperate with other engineers, UI/UX designers and PMs and try to solve a real world problem. Your project will be reviewed by Google/Uber's Program Manager."},"thumbnail":{"title":"2018-09-13-Project-hightlight5","resolutions":{"width":384,"height":216,"src":"//images.ctfassets.net/04k2xg9gplcj/4wD0Od6ZYQoeYyKkaES6qu/0a054fc2722341cbe13c7e66df2c65c7/social-media-and-content-sharing-PRSVM68.jpg?h=216&q=100","srcSet":""}}},{"title":"Free Programming Course","subtitle":"for Beginners","description":{"description":"For students transfering from other majors with weak basis, we will offer you free session to improve your knowlege of programming language."},"thumbnail":{"title":"2018-09-13-Project-highlight-6","resolutions":{"width":384,"height":216,"src":"//images.ctfassets.net/04k2xg9gplcj/5Y3ZCtpA0oq2cueg4Q66iQ/d253f2c579ec639de77382c3c1f4b5f9/AdobeStock_160384780.jpeg?h=216&q=100","srcSet":""}}},{"title":"Senior Full Stack Engineer ","subtitle":"from Silicon Valley as Instructors","description":{"description":"The faculty student ratio is about 1:5. Instructors are all senior full stack/Android engineers from top tech companies like Google, Facebook and Uber. Live teaching throughout the journey. "},"thumbnail":{"title":"2018-09-13-Data-Hightlight1","resolutions":{"width":384,"height":216,"src":"//images.ctfassets.net/04k2xg9gplcj/7lg1fTfPvUaYuAuoCOG8M/8358b3ed9a234939163ca17ca5275270/software-engineers-working-on-project-and-2GV8F4X.jpg?h=216&q=100","srcSet":""}}},{"title":"Resume Revise","subtitle":"Key to success","description":{"description":"Interview/offer-oriented, Full-stack Development not only hones your skills, but also help you tailor your resume to positions you apply for."},"thumbnail":{"title":"2018-09-12-SDE-liangdian3","resolutions":{"width":384,"height":216,"src":"//images.ctfassets.net/04k2xg9gplcj/4ZByqZb84U8qcOQY8iuoAQ/2ef483be742091692d440da4b572c6af/programmer-and-ux-ui-designer-working-in-a-softwar-R2GNX2U.jpg?h=216&q=100","srcSet":""}}},{"title":"Internal Referral Network ","subtitle":"to Assist You in Job Hunting ","description":{"description":"LaiOffer maintains positive collaborative relationships with top tech companies in Silicon Valley and hiring agencies. We have strong referral resources to support you.\n"},"thumbnail":{"title":"2018-09-14-Project-highlight-refer","resolutions":{"width":384,"height":216,"src":"//images.ctfassets.net/04k2xg9gplcj/3614nFSVa8Ice64Uggiie0/bed8819c94932a0125b0cd57f1a65148/business-meeting-P627GXN.jpg?h=216&q=100","srcSet":""}}}],"syllabus":[{"title":"Full Stack Development Fundamentals","description":{"description":"You will understand what is Full Stack development, and learn the essential knowledge of Back-end, Database and recommendation system. "},"order":1,"frequency":"4 weeks, 5 sessions/week, 2 hrs/session","lectures":[{"title":"Web Development: a personalized recommendation engine","week":"1","order":0},{"title":"- Project 1: Personalized Recommendation System based on Amazon Web Services (AWS)","week":"1","order":1},{"title":"- Intro to Web Service","week":"1","order":2},{"title":"- Project related interview questions","week":"1","order":3},{"title":"- Java Basics","week":"1","order":4},{"title":"Web Development: a personalized recommendation engine","week":"2","order":0},{"title":"- MySQL and Relational SQL","week":"2","order":1},{"title":"- RDS and Scalability Improvement ","week":"2","order":2},{"title":"- Typical recommendation algorithm","week":"2","order":3},{"title":"- How to design recommendation algorithms in different cases (Friends/Jobs/Events/Music)","week":"2","order":4},{"title":"Advanced Back-end Development: deploy and test a backend service","week":"3","order":0},{"title":"- Amazon EC2: Cloud Computing","week":"3","order":1},{"title":"- JUnit, JMeter and how to test your services","week":"3","order":2},{"title":"Front-end development: Implement Frontend Pages for Recommendation Engine","week":"4","order":0},{"title":"- CSS","week":"4","order":2},{"title":"- HTML & HTML5","week":"4","order":1},{"title":"- JavaScript Basic","week":"4","order":3}]},{"title":"Advanced Software Development","description":{"description":"Combining system design theories with real-world projects, you will learn to design IT system, and complete three industry level projects. "},"order":2,"frequency":"6 weeks, 5 sessions/week, 2 hrs/session","lectures":[{"title":"Advanced backend development: improvement of Web Application","week":"5","order":0},{"title":"- Project 2: Social Media System Based on Go and React","week":"5","order":1},{"title":"- Advanced backend development based on Go","week":"5","order":2},{"title":"- Popular frameworks like Google Cloud, ElasticSearch, JWT, etc.","week":"5","order":3},{"title":"Android development: Implement Android Application Basic Functions","week":"6","order":0},{"title":"- Activity/Fragment","week":"6","order":1},{"title":"- Basic Knowledge and Application for Android Development","week":"6","order":2},{"title":"- Project 3: Personalized News Recommendation Android App","week":"6","order":3},{"title":"Advanced Android Development","week":"7","order":0},{"title":"- Google Component Architecture","week":"7","order":1},{"title":"- Android Interview Preparation","week":"7","order":2},{"title":"Advanced Front-end Development: React JS","week":"8","order":0},{"title":"- JSX and React JS","week":"8","order":1},{"title":"- Virtual DOM, Props, and State","week":"8","order":2},{"title":"Advanced Front-end Development: React JS","week":"9","order":0},{"title":"- Project 4: Staybooking Fullstack Developmemt ","week":"9","order":1},{"title":"- Component Life Cycle","week":"9","order":2},{"title":"- Refs, Module, Project Setup","week":"9","order":4},{"title":"Interview Preparation","week":"10","order":0},{"title":"- Product Analysis and Project Management(FLAG Camp)","week":"10","order":1},{"title":"- Interview Summary","week":"10","order":2},{"title":"Resume Review & Mock Interview","week":"10","order":3}]},{"title":"FLAG Camp (Optional)","description":{"description":"With a better fundamental knowledge, you can also attend FLAG Camp. You can learn about Agile Development and build a product from scratch within a team."},"order":3,"frequency":"5 weeks, Team work, Instructor supervised and reviewed","lectures":[{"title":"FLAG Camp","week":"11-13","order":0},{"title":"- How Google/Uber manages projects","week":"11-13","order":1},{"title":"- Agile Development","week":"11-13","order":2},{"title":"- Code Review, Version Control, Team Management, MVP ","week":"11-13","order":3},{"title":"- Peer Review & Final Review","week":"11-13","order":4}]}],"faq":[{"title":"How can I attend the courses? Can I do it remotely?","id":"9610925b-bd59-512f-aad2-abe2cdcd01ab","body":{"id":"a7fa01ff-c0a6-58de-90f2-41c4089b92bb","body":"Yes. All of our sessions are delivered through live streaming. Upon registration, you will be given your account and login credentials. All you need is a computer to follow along with the sessions. \n\nAll the sessions are only available to students who are admitted. We have been maintaining a healthy student-instructor ratio to ensure and encourage in-class interactions."}},{"title":"How many students in Full Stack class? Is one on one tutoring session available to every student?","id":"f6b8dcda-90c7-5028-be2e-06eb3f6c2d8c","body":{"id":"068610b3-d301-5c5a-a92c-3e94376365cc","body":"We will arrange at least 10 instructors for each class. Faculty student ratio is around 1:5 to ensure one on one tutoring, one on one resume review and one on one mock interview. "}},{"title":"I don't have knowledge in React/Go/JS, can I still attend this course?","id":"cda428e1-e5e9-55c3-b56b-0dac62f9d9c7","body":{"id":"5d4447bf-fd85-5fff-b4b4-0b74778ec3fc","body":"You do not need to have previous experience in React/JS to attend this course. Instructors will guide you through the basics of these languages and frameworks. If you need any additional help, we offer free practice sessions for beginners. "}},{"title":"If I skipped some of the courses or I did not keep up, can I retake them?","id":"6c1fda66-d47a-552f-80a2-e6f33b21e668","body":{"id":"f896802e-0a2e-57a5-91aa-a686e6e74ac5","body":"* **Skipping Courses**\n\n  LaiOffer believes that engaging in the class is the most effective way to learn, instead of relying on recordings. Therefore, we strongly discourage skipping classes unless it’s absolutely necessary. We unusually do not share class recordings after the class. If  you have to skip a few classes because you are sick or other irresistible factors (exams/business trips), please reach out to your instructors ahead of time so they can send you the recordings afterwards.\n\n* **Retaking Course**\n\n  We have a one-year policy which allows you to retake the courses within 12 months of the start date.\n"}},{"title":"What if I need help on job application after course completion?","id":"e9c0c5cd-3339-5d91-b027-f2b66894a6e0","body":{"id":"689723b1-d693-579e-a2de-9783e0fca49e","body":"If you need advice on job application, you are welcome to make an appointment with our instructors to discuss your case. "}},{"title":"Would everyone’s resume look the same after the Full Stack Development course?","id":"bb687142-f851-5f8e-ac8b-2c5a88bb3c35","body":{"id":"28272dce-5b9f-5be4-9ce6-1d4a04dc88b8","body":"We update projects constantly to ensure that our content is matches the demand of job market. \n\nWe also provide students with multiple advanced feature to add onto their project based on their needs. "}},{"title":"Would students work on projects individually after class or study with instructors?","id":"02234bdc-60b4-58fa-bd9b-ed8c476df530","body":{"id":"01a321a5-adec-5f43-88e4-cabd51e624f8","body":"Instructors of this course will guide you step-by-step to code and debug in class."}},{"title":"What is FLAG Camp? How can I attend it? ","id":"f0f19baf-e7ad-593a-9348-7b66b02929dd","body":{"id":"fb56453d-4778-5e89-8726-bdf593eed5ec","body":"* **Why should I attend FLAG Camp?**\n\nYou will learn from Google/Uber Program Manager who will walk you through real-world problems. You will team up with Designer/Program Manager/Front-end and Back-end Engineers to finish a complete project. \n\n* **About FLAG Camp**\n\nThe duration of FLAG Camp will be around 3 weeks. \n\nThe first stage (maybe step or phase?) is project confirmation. Google/Uber Program Manager will provide some topics for you to select. You will also be able to propose your own topics.\n\nThe second stage is project implementation. You will work with 4 other teammates. An instructor will help your team with this project. \n\nThe third stage is project evaluation. Google/Uber Program Manager will assess your project and provide advice."}}],"features":[{"title":"1-on-1 resume revisions and job referral","order":4},{"title":"All-star instructors give live teaching for the whole session","order":3},{"title":"Dedicated instructors provide step by step coding guidance","order":1},{"title":"Interactions on 5 platforms 24/7","order":2},{"title":"4 projects & FLAG Camp to ace your interviews","order":9},{"title":"Keep up with latest industrial trends ","order":5}],"qrCode":{"id":"f73293ee-e2ff-5995-8a49-a5bd2b668f02","resolutions":{"width":400,"height":394,"src":"//images.ctfassets.net/04k2xg9gplcj/5gMscCZ4dby7o6r4BwGL3m/267dd5937e715b5f70e6a3c777f1131c/1861673411444_.pic.jpg?w=400&q=100","srcSet":"//images.ctfassets.net/04k2xg9gplcj/5gMscCZ4dby7o6r4BwGL3m/267dd5937e715b5f70e6a3c777f1131c/1861673411444_.pic.jpg?w=400&h=394&q=100 1x,\n//images.ctfassets.net/04k2xg9gplcj/5gMscCZ4dby7o6r4BwGL3m/267dd5937e715b5f70e6a3c777f1131c/1861673411444_.pic.jpg?w=600&h=591&q=100 1.5x"}}}}]}},"pageContext":{"isCreatedByStatefulCreatePages":true,"slug":"/en/course/full-stack-development/","langKey":"en"}}}